<!doctype html>
<html lang="en">

<head>
   <link rel="stylesheet" href="https://block.codescandy.com/assets/libs/swiper/swiper-bundle.min.css" />
   <link rel="stylesheet"
      href="https://block.codescandy.com/assets/libs/intl-tel-input/build/css/intlTelInput.min.css" />
   <!-- Required meta tags -->
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
   <!-- Favicon icon-->
   <link rel="apple-touch-icon" sizes="180x180"
      href="https://block.codescandy.com/assets/images/favicon/apple-touch-icon.png" />
   <link rel="icon" type="image/png" sizes="32x32"
      href="https://block.codescandy.com/assets/images/favicon/favicon-32x32.png" />
   <link rel="icon" type="image/png" sizes="16x16"
      href="https://block.codescandy.com/assets/images/favicon/favicon-16x16.png" />
   <link rel="manifest" href="https://block.codescandy.com/assets/images/favicon/site.webmanifest" />
   <link rel="mask-icon" href="https://block.codescandy.com/assets/images/favicon/block-safari-pinned-tab.svg"
      color="#8b3dff" />
   <link rel="shortcut icon" href="https://block.codescandy.com/assets/images/favicon/favicon.ico" />
   <meta name="msapplication-TileColor" content="#8b3dff" />
   <meta name="msapplication-config" content="https://block.codescandy.com/assets/images/favicon/tile.xml" />

   <!-- Color modes -->
   <script src="https://block.codescandy.com/assets/js/vendors/color-modes.js"></script>

   <!-- Libs CSS -->
   <link href="https://block.codescandy.com/assets/libs/simplebar/dist/simplebar.min.css" rel="stylesheet" />
   <link href="https://block.codescandy.com/assets/libs/bootstrap-icons/font/bootstrap-icons.min.css"
      rel="stylesheet" />

   <!-- Scroll Cue -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/libs/scrollcue/scrollCue.css" />

   <!-- Box icons -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/fonts/css/boxicons.min.css" />

   <!-- Theme CSS -->
   <link rel="stylesheet" href="https://block.codescandy.com/assets/css/theme.min.css">


   <title>SEO - Digital Marketing Agency Landing - Responsive Website Template | Block</title>
</head>

<body>
   <!-- Navbar -->
   <header>
      <nav class="navbar navbar-expand-lg navbar-light w-100">
         <div class="container px-3">
            <a class="navbar-brand" href="./index.html"><img
                  src="https://block.codescandy.com/assets/images/logo/logo.svg" alt /></a>
            <button class="navbar-toggler offcanvas-nav-btn" type="button">
               <i class="bi bi-list"></i>
            </button>
            <div class="offcanvas offcanvas-start offcanvas-nav" style="width: 20rem">
               <div class="offcanvas-header">
                  <a href="./index.html" class="text-inverse"><img
                        src="https://block.codescandy.com/assets/images/logo/logo.svg" alt /></a>
                  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
               </div>
               <div class="offcanvas-body pt-0 align-items-center">
                  <ul class="navbar-nav mx-auto align-items-lg-center">
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Landings</a>
                        <ul class="dropdown-menu">
                           <li><a class="dropdown-item" href="./index.html">Landing Overview</a></li>
                           <li>
                              <a class="dropdown-item" href="./landing-blog.html">Blog</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="./landing-ai-studio.html">AI Studio</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="./landing-mobile-app-showcase.html">Mobile App Showcase</a>
                           </li>

                           <li><a class="dropdown-item" href="./landing-sass-v1.html">Saas v.1</a></li>
                           <li><a class="dropdown-item" href="./landing-sass-v2.html">Sass v.2</a></li>
                           <li>
                              <a class="dropdown-item" href="./landing-it-company.html">IT Company</a>
                           </li>
                           <li>
                              <a class="dropdown-item" href="./landing-seo.html">Seo Agency</a>
                           </li>
                           <li><a class="dropdown-item" href="./landing-accounting.html">Accounting</a></li>
                           <li><a class="dropdown-item" href="./landing-finance.html">Finance</a></li>
                           <li><a class="dropdown-item" href="./landing-jamstack-agancy.html">Jamstack Agency</a></li>
                           <li><a class="dropdown-item" href="./landing-conference.html">Conference</a></li>
                           <li><a class="dropdown-item" href="./landing-personal.html">Personal</a></li>
                        </ul>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Pages</a>
                        <div class="dropdown-menu dropdown-menu-xxl">
                           <div class="row row-cols-lg-4 row-cols-1 g-0">
                              <div class="col">
                                 <div>
                                    <div>
                                       <div class="dropdown-header">Blog</div>
                                       <a class="dropdown-item" href="./blog-list-view.html">List View</a>
                                       <a class="dropdown-item" href="./blog.html">Grid View</a>
                                       <a class="dropdown-item" href="./blog-grid-thumbnail.html">Grid View v.2</a>
                                       <a class="dropdown-item" href="./blog-sidebar.html">Sidebar</a>
                                       <a class="dropdown-item" href="./blog-category.html">Category</a>
                                       <a class="dropdown-item" href="./blog-single.html">Single Post</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">About</div>
                                       <a class="dropdown-item" href="./about.html">About v.1</a>
                                       <a class="dropdown-item" href="./about-v2.html">About v.2</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Service</div>
                                       <a class="dropdown-item" href="./service-v1.html">Service v.1</a>
                                       <a class="dropdown-item" href="./service-v2.html">Service v.2</a>
                                       <a class="dropdown-item" href="./service-v3.html">Service v.3</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Events</div>

                                       <a class="dropdown-item" href="./events.html">List</a>
                                       <a class="dropdown-item" href="./event-single.html">Single</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Contact</div>

                                       <a class="dropdown-item" href="./contact-1.html">Contact Us</a>
                                       <a class="dropdown-item" href="./contact-2.html">Contact Sales</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Portfolio</div>

                                       <a class="dropdown-item" href="./portfolio.html">Grid View</a>
                                       <a class="dropdown-item" href="./portfolio-3-columns.html">3 Columns</a>

                                       <a class="dropdown-item" href="./portfolio-single.html">Single View</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Pricing</div>
                                       <a class="dropdown-item" href="./pricing-v1.html">Pricing v.1</a>
                                       <a class="dropdown-item" href="./pricing-v2.html">Pricing v.2</a>
                                    </div>
                                    <div class="mt-3">
                                       <div class="dropdown-header">Career</div>
                                       <a class="dropdown-item" href="./career.html">Career</a>
                                    </div>
                                 </div>
                              </div>
                              <div class="col">
                                 <div class="mt-3 mt-lg-0">
                                    <div>
                                       <div class="dropdown-header">Integration</div>
                                       <a class="dropdown-item" href="./integration.html">Grid View</a>
                                       <a class="dropdown-item" href="./integration-single.html">Single</a>
                                    </div>
                                    <div class="mt-3">
                                       <div>
                                          <div class="dropdown-header">Case Study</div>
                                          <a class="dropdown-item" href="./case-study.html">Grid View</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li class="nav-item dropdown dropdown-fullwidth">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Blocks</a>
                        <div class="dropdown-menu p-4">
                           <div class="row row-cols-xl-6 row-cols-lg-5 row-cols-1 gx-lg-4">
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/hero.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/hero-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Hero</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/navbar.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/header-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Navbar</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/about.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/about-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>About</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/blog.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/blog-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Blog</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/carousel.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/carousel-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Carousel</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/case-study.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/case-study-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Case Study</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/cta.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/call-to-action-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Call to Action</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/clients.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/clients-logo-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Client</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/contact.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/contact-section-example.svg"
                                          alt="" />
                                    </div>
                                    <span>Contact</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/form.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/form-snippets-bootstrap.svg"
                                          alt="" /></div>
                                    <span>Form</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/faq.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/faq-section-example.svg"
                                          alt="" /></div>
                                    <span>FAQ</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/team.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/team-snippets-bootstrap.svg"
                                          alt="" /></div>
                                    <span>Team</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/footer.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/footer-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Footer</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/features.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/feature-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Features</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/integration.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/integration-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Integration</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/industry.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/industry-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Industry</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/location.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/location-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Location</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/portfolio.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/portfolio-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Portfolio</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/process.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/process-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Process</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/pricing.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2 bg-gray-200">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/pricing-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Pricing</span>
                                 </a>
                              </div>

                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/facts.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/stats-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Stats</span>
                                 </a>
                              </div>
                              <div class="col">
                                 <a class="dropdown-item d-block px-0 mb-lg-3" href="./blocks/testimonails.html">
                                    <div class="rounded d-none d-lg-block mb-lg-2">
                                       <img class="w-100 rounded-2"
                                          src="https://block.codescandy.com/assets/images/block/testimonial-snippets-bootstrap.svg"
                                          alt="" />
                                    </div>
                                    <span>Testimonials</span>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                           aria-expanded="false">Accounts</a>
                        <ul class="dropdown-menu">
                           <li><a class="dropdown-item" href="./account-profile.html">Profile</a></li>
                           <li><a class="dropdown-item" href="./account-security.html">Security</a></li>
                           <li><a class="dropdown-item" href="./account-billing.html">Billing</a></li>
                           <li><a class="dropdown-item" href="./account-team.html">Team</a></li>
                           <li><a class="dropdown-item" href="./account-notification.html">Notifications</a></li>
                           <li><a class="dropdown-item" href="./account-app-integration.html">Integration</a></li>
                           <li><a class="dropdown-item" href="./account-device-session.html">Session</a></li>
                           <li><a class="dropdown-item" href="./account-social-links.html">Social</a></li>
                           <li><a class="dropdown-item" href="./account-appearance.html">Appearance</a></li>
                           <li class="dropdown-submenu dropend">
                              <a class="dropdown-item dropdown-toggle" href="#">Authentication</a>
                              <ul class="dropdown-menu">
                                 <li class="dropdown-header">Simple</li>

                                 <li>
                                    <a class="dropdown-item" href="./signin.html">Sign In</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./signup.html">Sign Up</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./forget-password.html">Forget Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./reset-password.html">Reset Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./otp-varification.html">OTP Varification</a>
                                 </li>
                                 <li>
                                    <hr class="dropdown-divider" />
                                 </li>
                                 <li class="dropdown-header">Side Cover</li>

                                 <li>
                                    <a class="dropdown-item" href="./signin-v2.html">Sign In</a>
                                 </li>

                                 <li>
                                    <a class="dropdown-item" href="./signup-v2.html">Sign Up</a>
                                 </li>

                                 <li>
                                    <a class="dropdown-item" href="./forget-password-v2.html">Forget Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./reset-password-v2.html">Reset Password</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./otp-varification-v2.html">OTP Varification</a>
                                 </li>
                              </ul>
                           </li>
                           <li class="dropdown-submenu dropend">
                              <a class="dropdown-item dropdown-toggle" href="#">Utility</a>
                              <ul class="dropdown-menu">
                                 <li>
                                    <a class="dropdown-item" href="./404-error.html">404 Error</a>
                                 </li>
                                 <li>
                                    <a class="dropdown-item" href="./changelog.html">Changelog</a>
                                 </li>
                              </ul>
                           </li>
                        </ul>
                     </li>
                     <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                           data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
                        <div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown">
                           <a class="dropdown-item mb-3 text-body" href="./docs/index.html">
                              <div class="d-flex align-items-center">
                                 <i class="bi bi-file-text fs-4 text-primary"></i>
                                 <div class="ms-3 lh-1">
                                    <h5 class="mb-1">Documentations</h5>
                                    <p class="mb-0 fs-6">Browse the all documentation</p>
                                 </div>
                              </div>
                           </a>

                           <a class="dropdown-item text-body" href="./docs/changelog.html">
                              <div class="d-flex align-items-center">
                                 <i class="bi bi-clipboard fs-4 text-primary"></i>
                                 <div class="ms-3 lh-1">
                                    <h5 class="mb-1">
                                       Changelog
                                       <span class="text-primary ms-1"></span>
                                    </h5>
                                    <p class="mb-0 fs-6">See what's new</p>
                                 </div>
                              </div>
                           </a>
                        </div>
                     </li>
                  </ul>
                  <div class="mt-3 mt-lg-0 d-flex align-items-center">
                     <a href="./signin.html" class="btn btn-light mx-2">Login</a>
                     <a href="./signup.html" class="btn btn-primary">Create account</a>
                  </div>
               </div>
            </div>
         </div>
      </nav>
   </header>

   <main>
      <!-- hero section -->
      <section class="py-xl-8 py-lg-7 py-5 position-relative z-1" data-cue="fadeIn">
         <div class="container pb-xl-8 mb-xl-8">
            <div class="row align-items-center gy-6">
               <div class="col-lg-5 col-xl-5" data-cue="zoomOut">
                  <div class="d-flex flex-column gap-4">
                     <div class="d-flex flex-row gap-2 align-items-center lh-1">
                        <span>
                           <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                              xmlns="http://www.w3.org/2000/svg">
                              <path opacity="0.2"
                                 d="M6.75 15L9 17.25C9 17.25 8.25 20.25 3.75 20.25C3.75 15.75 6.75 15 6.75 15ZM12.75 6.75H6.97031C6.77166 6.75009 6.58116 6.82899 6.44062 6.96937L3.22031 10.1897C3.12199 10.2882 3.05303 10.4122 3.02115 10.5477C2.98927 10.6832 2.99574 10.8249 3.03981 10.9569C3.08389 11.089 3.16384 11.2061 3.27073 11.2953C3.37761 11.3845 3.5072 11.4422 3.645 11.4619L7.5 12L12.75 6.75ZM12 16.5L12.5381 20.355C12.5578 20.4928 12.6155 20.6224 12.7047 20.7293C12.7939 20.8362 12.911 20.9161 13.0431 20.9602C13.1751 21.0043 13.3168 21.0107 13.4523 20.9788C13.5878 20.947 13.7118 20.878 13.8103 20.7797L17.0306 17.5594C17.171 17.4188 17.2499 17.2283 17.25 17.0297V11.25L12 16.5Z"
                                 fill="#198754" />
                              <path
                                 d="M9.72843 17.4317C9.69186 17.577 8.7778 20.9998 3.74999 20.9998C3.55108 20.9998 3.36031 20.9208 3.21966 20.7801C3.07901 20.6395 2.99999 20.4487 2.99999 20.2498C2.99999 15.222 6.4228 14.3079 6.56812 14.2714C6.76118 14.2231 6.96551 14.2536 7.13614 14.356C7.30677 14.4584 7.42972 14.6244 7.47796 14.8175C7.5262 15.0105 7.49576 15.2148 7.39335 15.3855C7.29093 15.5561 7.12493 15.6791 6.93187 15.7273C6.84749 15.7507 4.82999 16.3404 4.53562 19.4642C7.65937 19.1698 8.24999 17.156 8.27437 17.0623C8.32409 16.8695 8.44838 16.7043 8.61989 16.6031C8.7914 16.5019 8.99608 16.473 9.1889 16.5228C9.38172 16.5725 9.54689 16.6968 9.64807 16.8683C9.74925 17.0398 9.77816 17.2445 9.72843 17.4373V17.4317ZM18.4472 11.1129L18 11.5601V17.0285C18.0011 17.2263 17.9629 17.4223 17.8876 17.6051C17.8122 17.7879 17.7013 17.954 17.5612 18.0935L14.3437 21.3092C14.205 21.4489 14.0399 21.5598 13.8581 21.6354C13.6763 21.7111 13.4813 21.7499 13.2844 21.7498C13.1218 21.7498 12.9604 21.7235 12.8062 21.672C12.5416 21.5844 12.3067 21.4246 12.1281 21.2106C11.9495 20.9965 11.8343 20.7368 11.7956 20.4607L11.2922 16.8523L7.14749 12.7076L3.54093 12.2042C3.2645 12.1654 3.00437 12.0503 2.78981 11.8717C2.57524 11.6932 2.41476 11.4583 2.3264 11.1935C2.23804 10.9287 2.22532 10.6446 2.28966 10.3729C2.35401 10.1013 2.49286 9.85305 2.69062 9.65605L5.90624 6.43855C6.04581 6.29847 6.21185 6.18755 6.39468 6.11222C6.57751 6.0369 6.7735 5.99869 6.97124 5.9998H12.4397L12.8869 5.55261C15.3881 3.0523 18.4022 2.94449 19.5816 3.0148C19.9472 3.03702 20.2922 3.19232 20.5512 3.45138C20.8103 3.71044 20.9656 4.05536 20.9878 4.42105C21.0562 5.59761 20.9484 8.61167 18.4481 11.1129H18.4472ZM3.74999 10.7192L7.2328 11.2048L10.9397 7.4998H6.97124L3.74999 10.7192ZM8.56124 11.9998L12 15.4385L17.3859 10.0526C18.1118 9.33167 18.6749 8.46372 19.0374 7.50708C19.4 6.55044 19.5535 5.52728 19.4878 4.50636C18.4674 4.44303 17.4453 4.59818 16.4896 4.96145C15.534 5.32472 14.6669 5.88775 13.9462 6.61292L8.56124 11.9998ZM16.5 13.0601L12.7941 16.766L13.2816 20.2498L16.5 17.0285V13.0601Z"
                                 fill="#198754" />
                           </svg>
                        </span>
                        <h1 class="fs-5 mb-0">ROI-driven SEO company</h1>
                     </div>
                     <div>
                        <h2 class="display-6 mb-3">
                           Finally, an 
                           <span class="text-primary">SEO company</span>
                           that delivers results
                        </h2>
                        <p class="lead">
                           Partner with
                           <span class="text-primary fw-semibold">[Agency Name]</span>
                           for expert SEO services that deliver measurable results.
                        </p>
                        <ul class="list-unstyled d-flex flex-column gap-2">
                           <li class="d-flex flex-row gap-2">
                              <span>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-check-circle text-success" viewBox="0 0 16 16">
                                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                    <path
                                       d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                 </svg>
                              </span>
                              <span>Rankings Improvement</span>
                           </li>
                           <li class="d-flex flex-row gap-2">
                              <span>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-check-circle text-success" viewBox="0 0 16 16">
                                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                    <path
                                       d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                 </svg>
                              </span>
                              <span>Boost organic traffic</span>
                           </li>
                           <li class="d-flex flex-row gap-2">
                              <span>
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-check-circle text-success" viewBox="0 0 16 16">
                                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                    <path
                                       d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                 </svg>
                              </span>
                              <span>Conversion Rate Enhancement</span>
                           </li>
                        </ul>
                     </div>

                     <div class="d-flex flex-row gap-3 align-items-center">
                        <a href="#" class="btn btn-warning" data-bs-toggle="modal"
                           data-bs-target="#bookConsultantModal">Book a consultation</a>
                        <span>
                           <span>
                              <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                 xmlns="http://www.w3.org/2000/svg">
                                 <path opacity="0.2"
                                    d="M13.9963 10.8797C13.8991 11.6054 13.5418 12.2711 12.9907 12.753C12.4395 13.2349 11.7321 13.5003 11 13.4997C8.74566 13.4997 6.58365 12.6042 4.98959 11.0101C3.39553 9.41609 2.5 7.25408 2.5 4.99974C2.49944 4.26762 2.7648 3.56021 3.24673 3.00908C3.72865 2.45794 4.39435 2.10059 5.12 2.00349C5.22727 1.99075 5.33578 2.01309 5.4293 2.06717C5.52281 2.12125 5.5963 2.20416 5.63875 2.30349L6.95938 5.25349C6.99182 5.32926 7.00504 5.41187 6.99784 5.49398C6.99064 5.57609 6.96326 5.65515 6.91813 5.72412L5.5825 7.31224C5.53512 7.38373 5.50711 7.46629 5.50119 7.55185C5.49528 7.63741 5.51166 7.72304 5.54875 7.80037C6.06563 8.85849 7.15938 9.93912 8.22063 10.451C8.29836 10.4879 8.38439 10.5039 8.47021 10.4975C8.55602 10.491 8.63867 10.4623 8.71 10.4141L10.2725 9.08287C10.3417 9.03679 10.4214 9.00872 10.5042 9.00118C10.5871 8.99365 10.6705 9.00691 10.7469 9.03974L13.6944 10.3604C13.7942 10.4025 13.8776 10.476 13.932 10.5697C13.9865 10.6633 14.009 10.7722 13.9963 10.8797Z"
                                    fill="#8B3DFF" />
                                 <path
                                    d="M9.51688 2.3705C9.53385 2.30704 9.56316 2.24755 9.60313 2.19543C9.64311 2.14331 9.69296 2.09957 9.74984 2.06672C9.80672 2.03387 9.86951 2.01254 9.93464 2.00397C9.99976 1.9954 10.0659 1.99974 10.1294 2.01675C11.0563 2.25859 11.902 2.74315 12.5794 3.42052C13.2567 4.09789 13.7413 4.94358 13.9831 5.8705C14.0001 5.93394 14.0045 6.00012 13.9959 6.06524C13.9873 6.13037 13.966 6.19316 13.9332 6.25004C13.9003 6.30692 13.8566 6.35677 13.8044 6.39675C13.7523 6.43672 13.6928 6.46603 13.6294 6.483C13.5871 6.49409 13.5437 6.49976 13.5 6.49987C13.3898 6.49987 13.2827 6.46347 13.1954 6.39634C13.108 6.3292 13.0453 6.23509 13.0169 6.12862C12.8196 5.37195 12.4242 4.68157 11.8712 4.12864C11.3183 3.57571 10.6279 3.18024 9.87126 2.983C9.80774 2.96609 9.74819 2.93683 9.696 2.89689C9.6438 2.85695 9.6 2.80711 9.56708 2.75022C9.53417 2.69333 9.51279 2.63051 9.50418 2.56536C9.49557 2.5002 9.49988 2.43399 9.51688 2.3705ZM9.37126 4.983C10.2331 5.213 10.7869 5.76675 11.0169 6.62862C11.0453 6.73509 11.108 6.8292 11.1954 6.89634C11.2827 6.96347 11.3898 6.99987 11.5 6.99987C11.5437 6.99976 11.5871 6.99409 11.6294 6.983C11.6928 6.96603 11.7523 6.93672 11.8044 6.89675C11.8566 6.85677 11.9003 6.80692 11.9332 6.75004C11.966 6.69316 11.9873 6.63037 11.9959 6.56524C12.0045 6.50012 12.0001 6.43394 11.9831 6.3705C11.6631 5.173 10.8269 4.33675 9.62938 4.01675C9.56594 3.9998 9.49977 3.99551 9.43467 4.00413C9.36957 4.01275 9.3068 4.03411 9.24996 4.06699C9.19311 4.09987 9.1433 4.14362 9.10336 4.19575C9.06342 4.24788 9.03414 4.30737 9.01719 4.37081C9.00024 4.43426 8.99596 4.50042 9.00458 4.56552C9.0132 4.63062 9.03456 4.69339 9.06744 4.75023C9.10031 4.80708 9.14407 4.85689 9.1962 4.89683C9.24833 4.93677 9.30781 4.96605 9.37126 4.983ZM14.4925 10.9424C14.3811 11.7893 13.9652 12.5666 13.3224 13.1293C12.6797 13.6919 11.8542 14.0014 11 13.9999C6.03751 13.9999 2.00001 9.96237 2.00001 4.99987C1.99847 4.14568 2.30794 3.32014 2.87059 2.67743C3.43324 2.03473 4.21061 1.61882 5.05751 1.50737C5.27166 1.48122 5.48854 1.52504 5.67575 1.63227C5.86296 1.73951 6.01047 1.90441 6.09626 2.10237L7.41626 5.04925V5.05675C7.48194 5.20828 7.50906 5.37372 7.49521 5.5383C7.48136 5.70287 7.42696 5.86145 7.33688 5.99987C7.32563 6.01675 7.31376 6.03237 7.30126 6.048L6.00001 7.5905C6.46813 8.54175 7.46313 9.528 8.42688 9.99737L9.94813 8.703C9.96307 8.69044 9.97872 8.67875 9.99501 8.668C10.1333 8.57575 10.2924 8.51944 10.458 8.50416C10.6235 8.48888 10.7903 8.51512 10.9431 8.5805L10.9513 8.58425L13.8956 9.90362C14.0939 9.98911 14.2592 10.1365 14.3668 10.3237C14.4744 10.511 14.5185 10.728 14.4925 10.9424ZM13.5 10.8174C13.5 10.8174 13.4956 10.8174 13.4931 10.8174L10.5556 9.50175L9.03376 10.7961C9.01899 10.8086 9.00355 10.8203 8.98751 10.8311C8.8436 10.9271 8.67726 10.9842 8.50472 10.9966C8.33218 11.0091 8.15936 10.9767 8.00313 10.9024C6.83251 10.3367 5.66563 9.17862 5.09938 8.0205C5.0244 7.86541 4.99075 7.69358 5.0017 7.52166C5.01265 7.34975 5.06783 7.18357 5.16188 7.03925C5.17248 7.0223 5.18439 7.00621 5.19751 6.99112L6.50001 5.44675L5.18751 2.50925C5.18726 2.50675 5.18726 2.50424 5.18751 2.50175C4.58141 2.58081 4.02493 2.8781 3.62226 3.33795C3.2196 3.79779 2.99837 4.38865 3.00001 4.99987C3.00232 7.12089 3.84592 9.15438 5.34571 10.6542C6.8455 12.154 8.87898 12.9976 11 12.9999C11.6109 13.002 12.2016 12.7815 12.6617 12.3797C13.1218 11.9779 13.4198 11.4223 13.5 10.8167V10.8174Z"
                                    fill="#8B3DFF" />
                              </svg>
                           </span>
                           <span>123-456-7890</span>
                        </span>
                     </div>
                  </div>
               </div>
               <div class="offset-xl-1 col-xl-6 col-lg-6" data-cue="zoomIn">
                  <div class="position-relative ms-lg-8 ms-xl-0 me-xl-7">
                     <img src="https://block.codescandy.com/assets/images/seo/hero-img.jpg" alt=""
                        class="w-100 rounded-3" width="480" />
                     <div class="position-absolute text-center bottom-0 start-0 ms-lg-n8">
                        <div class="bg-white p-3 rounded-3 shadow-lg" style="width: 160px">
                           <div>
                              <svg width="100" height="64" viewBox="0 0 119 64" fill="none"
                                 xmlns="http://www.w3.org/2000/svg">
                                 <path
                                    d="M18.5191 30.7786L1.05347 63.7252L116.182 61.7405L114.656 4.58008L90.4425 23.6335L62.5803 15.6946L42.015 36.7328L18.5191 30.7786Z"
                                    fill="url(#paint0_linear_2198_942)" />
                                 <path
                                    d="M0.317742 61.1917C0.0145032 61.7753 0.241784 62.4942 0.825388 62.7974C1.40899 63.1007 2.12792 62.8734 2.43116 62.2898L0.317742 61.1917ZM18.1408 29.4728L18.4351 28.3189L17.5196 28.0854L17.0841 28.9237L18.1408 29.4728ZM41.939 35.5422L41.6447 36.6961L42.3069 36.8649L42.7868 36.3785L41.939 35.5422ZM62.4784 14.7217L62.7961 13.5741L62.1219 13.3874L61.6306 13.8854L62.4784 14.7217ZM90.3666 22.4429L90.0488 23.5906L90.628 23.7509L91.101 23.3803L90.3666 22.4429ZM118.739 0.213867L105.125 2.14612L113.605 12.9702L118.739 0.213867ZM2.43116 62.2898L19.1975 30.0218L17.0841 28.9237L0.317742 61.1917L2.43116 62.2898ZM17.8465 30.6267L41.6447 36.6961L42.2333 34.3883L18.4351 28.3189L17.8465 30.6267ZM42.7868 36.3785L63.3262 15.558L61.6306 13.8854L41.0913 34.7058L42.7868 36.3785ZM62.1607 15.8694L90.0488 23.5906L90.6843 21.2952L62.7961 13.5741L62.1607 15.8694ZM91.101 23.3803L111.037 7.76115L109.568 5.88636L89.6321 21.5055L91.101 23.3803Z"
                                    fill="#198754" />
                                 <defs>
                                    <linearGradient id="paint0_linear_2198_942" x1="56.3051" y1="4.97703" x2="64.641"
                                       y2="49.0381" gradientUnits="userSpaceOnUse">
                                       <stop stop-color="#198754" />
                                       <stop offset="0.963056" stop-color="white" stop-opacity="0.3" />
                                    </linearGradient>
                                 </defs>
                              </svg>
                           </div>
                           <div class="fs-4 text-success fw-bold">+280%</div>
                           <div class="fs-6">Average return on investment</div>
                        </div>
                     </div>
                     <div class="position-absolute text-center top-0 end-0 me-lg-n8 mt-8">
                        <div class="bg-white p-3 rounded-3 shadow-lg" style="width: 160px">
                           <div>
                              <svg width="100" height="71" viewBox="0 0 126 71" fill="none"
                                 xmlns="http://www.w3.org/2000/svg">
                                 <path
                                    d="M20.9785 34.6954L3.22742 68.1804L122.581 64.5495L121.03 6.45508L94.0772 27.4336L65.7596 19.3649L44.8583 40.7469L20.9785 34.6954Z"
                                    fill="url(#paint0_linear_4102_1451)" />
                                 <path
                                    d="M3.55371 66.1631L20.594 33.3679L44.7811 39.5364L65.6561 18.3758L94 26.2231L122.836 3.63086"
                                    stroke="#0DCAF0" stroke-width="2.4206" stroke-linecap="round" />
                                 <circle cx="20.9786" cy="33.082" r="3.22747" fill="#0677AC" />
                                 <circle cx="3.22747" cy="66.9697" r="3.22747" fill="#0677AC" />
                                 <circle cx="45.1846" cy="38.7294" r="3.22747" fill="#0677AC" />
                                 <circle cx="65.3563" cy="18.5575" r="3.22747" fill="#0677AC" />
                                 <circle cx="93.5966" cy="25.8202" r="3.22747" fill="#0677AC" />
                                 <circle cx="122.644" cy="3.22747" r="3.22747" fill="#0677AC" />
                                 <defs>
                                    <linearGradient id="paint0_linear_4102_1451" x1="59.3819" y1="8.47224" x2="67.854"
                                       y2="53.2534" gradientUnits="userSpaceOnUse">
                                       <stop stop-color="#0DCAF0" />
                                       <stop offset="0.963056" stop-color="white" stop-opacity="0.3" />
                                    </linearGradient>
                                 </defs>
                              </svg>
                           </div>
                           <div class="fs-4 text-info fw-bold">56.8K</div>
                           <div class="fs-6">Organic traffic per month</div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- hero section -->
      <!-- curve shape -->
      <div class="position-relative d-none d-xl-block">
         <div class="position-absolute bottom-0 w-100 z-n1">
            <img src="https://block.codescandy.com/assets/images/seo/gradient.svg" alt="" class="w-100" />
         </div>
         <div class="d-flex position-absolute bottom-0 start-0 w-100 overflow-hidden mb-n1"
            style="color: var(--bs-body-bg)">
            <div class="position-relative start-50 translate-middle-x flex-shrink-0" style="width: 3774px">
               <svg width="3774" height="99" viewBox="0 0 3774 99" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                     d="M0 200.003C0 200.003 1137.52 0.188224 1873.5 0.000134392C2614.84 -0.189325 3774 200.003 3774 200.003H0Z"
                     fill="currentColor"></path>
               </svg>
            </div>
         </div>
      </div>
      <!-- curve shape -->
      <section class="pb-xl-8 pb-lg-7 pb-5" data-cue="zoomIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row border-bottom mx-lg-8">
               <div class="col-md-4 border-end-md border-bottom border-bottom-md-0">
                  <figure class="text-center p-5 px-md-0">
                     <img src="https://block.codescandy.com/assets/images/award-logo/award-logo-1.svg" alt="award" />
                  </figure>
               </div>
               <div class="col-md-4 border-end-md border-bottom border-bottom-md-0">
                  <figure class="text-center p-5">
                     <img src="https://block.codescandy.com/assets/images/award-logo/award-logo-2.svg" alt="award" />
                  </figure>
               </div>
               <div class="col-md-4">
                  <figure class="text-center p-5">
                     <img src="https://block.codescandy.com/assets/images/award-logo/award-logo-3.svg" alt="award" />
                  </figure>
               </div>
            </div>
         </div>
         <!--Logo section end-->
      </section>
      <!-- service section -->
      <section class="py-xl-8 py-lg-7 py-5" data-cue="fadeIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row mb-6" data-cue="zoomIn">
               <div class="col-xl-5">
                  <div>
                     <h2 class="mb-0">Maximize your online visibility with expert SEO services</h2>
                  </div>
               </div>
               <div class="offset-xl-1 col-xl-6" data-cue="zoomIn">
                  <div>
                     <p class="mb-0">
                        At
                        <span class="text-dark fw-semibold">[Agency Name]</span>
                        , we specialize in delivering comprehensive SEO solutions designed to enhance your online
                        presence, drive targeted traffic, and boost your business growth.
                     </p>
                  </div>
               </div>
            </div>
            <div class="row gy-4">
               <div class="col-xl-3" data-cue="zoomIn">
                  <div class="card border-0 h-100" data-bs-theme="dark">
                     <img src="https://block.codescandy.com/assets/images/seo/seo-img.jpg" alt=""
                        class="rounded-3 img-fluid w-100 object-fit-cover horizontal-img" />
                     <div class="card-img-overlay" style="background-color: rgb(30, 41, 59, 0.75)">
                        <div class="position-absolute bottom-0 start-0 end-0 p-4">
                           <h3>SEO Services</h3>
                           <p class="text-white-stick">Our SEO services are tailored to meet the unique needs of your
                              business,.</p>
                           <a href="#" class="btn btn-primary">All SEO services</a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-9" data-cue="fadeIn" data-duration="2000">
                  <div class="row gx-4 gy-4">
                     <div class="col-lg-4 col-md-6 col-12">
                        <div class="card shadow-sm card-lift h-100" data-duration="600">
                           <div class="card-body">
                              <div class="mb-4">
                                 <svg width="48" height="48" viewBox="0 0 56 56" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z"
                                       fill="#FFC107" fill-opacity="0.25" />
                                    <path opacity="0.2"
                                       d="M44 29C44 31.9667 43.1203 34.8668 41.4721 37.3336C39.8238 39.8003 37.4812 41.7229 34.7403 42.8582C31.9994 43.9935 28.9834 44.2906 26.0737 43.7118C23.1639 43.133 20.4912 41.7044 18.3934 39.6066C16.2956 37.5088 14.867 34.8361 14.2882 31.9264C13.7094 29.0166 14.0065 26.0006 15.1418 23.2597C16.2771 20.5189 18.1997 18.1762 20.6665 16.528C23.1332 14.8797 26.0333 14 29 14C30.9698 14 32.9204 14.388 34.7403 15.1418C36.5601 15.8956 38.2137 17.0005 39.6066 18.3934C40.9995 19.7863 42.1044 21.4399 42.8582 23.2597C43.612 25.0796 44 27.0302 44 29Z"
                                       fill="#8B3DFF" />
                                    <path
                                       d="M51.0612 48.9392L41.675 39.553C44.4009 36.2838 45.7614 32.0895 45.4735 27.8427C45.1857 23.596 43.2716 19.6237 40.1295 16.7522C36.9874 13.8807 32.8592 12.3312 28.6038 12.426C24.3483 12.5207 20.2932 14.2525 17.2821 17.261C14.2709 20.2695 12.5356 24.323 12.4371 28.5784C12.3385 32.8338 13.8844 36.9633 16.7531 40.108C19.6218 43.2526 23.5924 45.1702 27.8389 45.4618C32.0854 45.7534 36.2809 44.3966 39.5525 41.6736L48.9387 51.0617C49.0781 51.2011 49.2436 51.3116 49.4257 51.3871C49.6077 51.4625 49.8029 51.5013 50 51.5013C50.1971 51.5013 50.3923 51.4625 50.5743 51.3871C50.7564 51.3116 50.9219 51.2011 51.0612 51.0617C51.2006 50.9224 51.3112 50.7569 51.3866 50.5748C51.462 50.3927 51.5008 50.1976 51.5008 50.0005C51.5008 49.8034 51.462 49.6082 51.3866 49.4261C51.3112 49.244 51.2006 49.0786 51.0612 48.9392ZM15.5 29.0005C15.5 26.3304 16.2918 23.7203 17.7752 21.5003C19.2586 19.2802 21.367 17.5499 23.8338 16.5281C26.3006 15.5063 29.015 15.239 31.6337 15.7599C34.2525 16.2808 36.6579 17.5665 38.5459 19.4545C40.4339 21.3426 41.7197 23.748 42.2406 26.3668C42.7615 28.9855 42.4942 31.6999 41.4724 34.1667C40.4506 36.6335 38.7203 38.7419 36.5002 40.2253C34.2801 41.7087 31.67 42.5005 29 42.5005C25.4208 42.4965 21.9893 41.0729 19.4584 38.542C16.9276 36.0112 15.504 32.5797 15.5 29.0005Z"
                                       fill="#8B3DFF" />
                                 </svg>
                              </div>
                              <h3 class="fs-4">Keyword Research</h3>
                              <p class="mb-0">We conduct thorough keyword research to identify the high-traffic keywords
                                 for your industry.</p>
                              <div class="border-top mt-4">
                                 <a href="#"
                                    class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                    Explore Keyword Research

                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-arrow-right" viewBox="0 0 16 16">
                                       <path fill-rule="evenodd"
                                          d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                                    </svg>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12" data-duration="500">
                        <div class="card shadow-sm card-lift h-100">
                           <div class="card-body">
                              <div class="mb-4">
                                 <svg width="48" height="48" viewBox="0 0 56 56" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z"
                                       fill="#FFC107" fill-opacity="0.25" />
                                    <path opacity="0.2"
                                       d="M48.5 34.125V39.75C48.5 41.3915 48.1767 43.017 47.5485 44.5335C46.9203 46.0501 45.9996 47.4281 44.8389 48.5888C43.6781 49.7496 42.3001 50.6703 40.7836 51.2985C39.267 51.9267 37.6415 52.25 36 52.25C29.0969 52.25 27.2797 48.5 21.4188 38.1875C21.0109 37.4701 20.9033 36.6206 21.1196 35.8242C21.3358 35.0278 21.8582 34.3493 22.5728 33.9366C23.2875 33.524 24.1363 33.4108 24.9341 33.6218C25.7319 33.8327 26.4139 34.3506 26.8313 35.0625L29.75 39.75V22.875C29.75 22.0462 30.0793 21.2513 30.6653 20.6653C31.2514 20.0792 32.0462 19.75 32.875 19.75C33.7038 19.75 34.4987 20.0792 35.0847 20.6653C35.6708 21.2513 36 22.0462 36 22.875V31.625C36 30.7962 36.3293 30.0013 36.9153 29.4153C37.5014 28.8292 38.2962 28.5 39.125 28.5C39.9538 28.5 40.7487 28.8292 41.3347 29.4153C41.9208 30.0013 42.25 30.7962 42.25 31.625V34.125C42.25 33.2962 42.5793 32.5013 43.1653 31.9153C43.7514 31.3292 44.5462 31 45.375 31C46.2038 31 46.9987 31.3292 47.5847 31.9153C48.1708 32.5013 48.5 33.2962 48.5 34.125Z"
                                       fill="#8B3DFF" />
                                    <path
                                       d="M45.375 29.75C44.6463 29.7492 43.9291 29.9313 43.2891 30.2797C43.0977 29.6871 42.782 29.1423 42.3632 28.6815C41.9443 28.2207 41.4319 27.8547 40.8603 27.6078C40.2886 27.361 39.6708 27.239 39.0482 27.25C38.4256 27.2611 37.8126 27.4049 37.25 27.6719V22.875C37.25 21.7147 36.7891 20.6019 35.9686 19.7814C35.1481 18.9609 34.0353 18.5 32.875 18.5C31.7147 18.5 30.6019 18.9609 29.7814 19.7814C28.9609 20.6019 28.5 21.7147 28.5 22.875V35.375L27.9031 34.4172C27.6145 33.9201 27.2309 33.4848 26.774 33.136C26.3171 32.7872 25.7961 32.5318 25.2405 32.3844C24.1185 32.0866 22.9242 32.2468 21.9203 32.8297C20.9164 33.4125 20.1852 34.3703 19.8875 35.4923C19.5898 36.6143 19.75 37.8086 20.3328 38.8125L21.0625 40.0984C26.4391 49.5766 28.6641 53.5 36 53.5C39.6455 53.4959 43.1404 52.0459 45.7182 49.4682C48.2959 46.8904 49.7459 43.3955 49.75 39.75V34.125C49.75 32.9647 49.2891 31.8519 48.4686 31.0314C47.6481 30.2109 46.5353 29.75 45.375 29.75ZM47.25 39.75C47.2467 42.7327 46.0604 45.5922 43.9513 47.7013C41.8422 49.8104 38.9827 50.9967 36 51C30.1203 51 28.525 48.1875 23.2375 38.8625L22.5047 37.5703V37.5625C22.2559 37.1323 22.188 36.6209 22.3161 36.1407C22.4441 35.6605 22.7575 35.2508 23.1875 35.0016C23.4723 34.8366 23.7959 34.7503 24.125 34.7516C24.4546 34.7511 24.7785 34.8375 25.0641 35.0021C25.3496 35.1667 25.5868 35.4036 25.7516 35.6891C25.7579 35.7016 25.7653 35.7136 25.7735 35.725L28.6906 40.4125C28.8346 40.6424 29.0494 40.8192 29.3027 40.9162C29.556 41.0133 29.834 41.0253 30.0947 40.9505C30.3554 40.8757 30.5847 40.7182 30.7481 40.5016C30.9114 40.285 30.9998 40.0212 31 39.75V22.875C31 22.3777 31.1976 21.9008 31.5492 21.5492C31.9008 21.1975 32.3777 21 32.875 21C33.3723 21 33.8492 21.1975 34.2008 21.5492C34.5525 21.9008 34.75 22.3777 34.75 22.875V33.5C34.75 33.8315 34.8817 34.1495 35.1161 34.3839C35.3505 34.6183 35.6685 34.75 36 34.75C36.3315 34.75 36.6495 34.6183 36.8839 34.3839C37.1183 34.1495 37.25 33.8315 37.25 33.5V31.625C37.25 31.1277 37.4476 30.6508 37.7992 30.2992C38.1508 29.9475 38.6277 29.75 39.125 29.75C39.6223 29.75 40.0992 29.9475 40.4508 30.2992C40.8025 30.6508 41 31.1277 41 31.625V34.75C41 35.0815 41.1317 35.3995 41.3661 35.6339C41.6005 35.8683 41.9185 36 42.25 36C42.5815 36 42.8995 35.8683 43.1339 35.6339C43.3683 35.3995 43.5 35.0815 43.5 34.75V34.125C43.5 33.6277 43.6976 33.1508 44.0492 32.7992C44.4008 32.4475 44.8777 32.25 45.375 32.25C45.8723 32.25 46.3492 32.4475 46.7008 32.7992C47.0525 33.1508 47.25 33.6277 47.25 34.125V39.75Z"
                                       fill="#8B3DFF" />
                                 </svg>
                              </div>
                              <h3 class="fs-4">On-Page SEO</h3>
                              <p class="mb-0">Our on-page SEO services optimize your website's content and HTML source
                                 code.</p>
                              <div class="border-top mt-4">
                                 <a href="#"
                                    class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                    Explore Social Media

                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-arrow-right" viewBox="0 0 16 16">
                                       <path fill-rule="evenodd"
                                          d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                                    </svg>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12" data-duration="400">
                        <div class="card shadow-sm card-lift h-100">
                           <div class="card-body">
                              <div class="mb-4">
                                 <svg width="48" height="48" viewBox="0 0 56 56" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z"
                                       fill="#FFC107" fill-opacity="0.25" />
                                    <path opacity="0.2"
                                       d="M48.8031 33.8029L33.8031 48.8029C32.3928 50.1905 30.4912 50.9646 28.5127 50.9565C26.5341 50.9485 24.639 50.1589 23.2399 48.7599C21.8409 47.3608 21.0513 45.4657 21.0433 43.4871C21.0352 41.5086 21.8093 39.607 23.1969 38.1967L38.1969 23.1967C39.6073 21.8091 41.5088 21.035 43.4874 21.043C45.4659 21.0511 47.3611 21.8406 48.7601 23.2397C50.1592 24.6387 50.9487 26.5339 50.9568 28.5124C50.9648 30.491 50.1907 32.3925 48.8031 33.8029Z"
                                       fill="#8B3DFF" />
                                    <path
                                       d="M41.8843 30.1153C42.0006 30.2314 42.0928 30.3692 42.1557 30.521C42.2186 30.6727 42.2509 30.8354 42.2509 30.9997C42.2509 31.1639 42.2186 31.3266 42.1557 31.4783C42.0928 31.6301 42.0006 31.7679 41.8843 31.884L31.8843 41.884C31.7682 42.0002 31.6303 42.0923 31.4786 42.1551C31.3268 42.218 31.1642 42.2503 31 42.2503C30.8357 42.2503 30.6731 42.218 30.5213 42.1551C30.3696 42.0923 30.2317 42.0002 30.1156 41.884C29.9994 41.7679 29.9073 41.63 29.8445 41.4783C29.7816 41.3265 29.7493 41.1639 29.7493 40.9997C29.7493 40.8354 29.7816 40.6728 29.8445 40.521C29.9073 40.3693 29.9994 40.2314 30.1156 40.1153L40.1156 30.1153C40.2317 29.9991 40.3695 29.9069 40.5213 29.844C40.673 29.781 40.8357 29.7487 41 29.7487C41.1642 29.7487 41.3269 29.781 41.4786 29.844C41.6304 29.9069 41.7682 29.9991 41.8843 30.1153ZM49.6875 22.3122C48.8749 21.4995 47.9103 20.8549 46.8486 20.4152C45.787 19.9754 44.6491 19.749 43.5 19.749C42.3508 19.749 41.2129 19.9754 40.1513 20.4152C39.0896 20.8549 38.125 21.4995 37.3125 22.3122L32.6156 27.0075C32.381 27.242 32.2493 27.5601 32.2493 27.8918C32.2493 28.2235 32.381 28.5417 32.6156 28.7762C32.8501 29.0108 33.1683 29.1425 33.5 29.1425C33.8317 29.1425 34.1498 29.0108 34.3843 28.7762L39.0812 24.0887C40.2576 22.9382 41.8402 22.298 43.4857 22.307C45.1312 22.3161 46.7067 22.9737 47.8703 24.1371C49.0339 25.3006 49.6918 26.8759 49.7012 28.5214C49.7105 30.1669 49.0706 31.7496 47.9203 32.9262L43.2218 37.6231C42.9873 37.8574 42.8554 38.1754 42.8553 38.5069C42.8551 38.8385 42.9867 39.1565 43.221 39.3911C43.4554 39.6256 43.7733 39.7575 44.1049 39.7576C44.4364 39.7578 44.7545 39.6262 44.989 39.3918L49.6875 34.6872C50.5001 33.8746 51.1447 32.91 51.5844 31.8483C52.0242 30.7867 52.2506 29.6488 52.2506 28.4997C52.2506 27.3505 52.0242 26.2126 51.5844 25.151C51.1447 24.0893 50.5001 23.1247 49.6875 22.3122ZM37.6156 43.2215L32.9187 47.9184C32.3407 48.5094 31.6512 48.9798 30.8901 49.3025C30.1291 49.6252 29.3116 49.7937 28.4849 49.7982C27.6583 49.8028 26.839 49.6433 26.0744 49.329C25.3098 49.0148 24.6152 48.5519 24.0307 47.9673C23.4462 47.3828 22.9835 46.6881 22.6694 45.9234C22.3552 45.1588 22.1959 44.3394 22.2006 43.5128C22.2053 42.6862 22.3739 41.8687 22.6967 41.1077C23.0196 40.3467 23.4901 39.6572 24.0812 39.0793L28.7765 34.384C29.0111 34.1495 29.1428 33.8314 29.1428 33.4997C29.1428 33.1679 29.0111 32.8498 28.7765 32.6153C28.542 32.3807 28.2238 32.249 27.8921 32.249C27.5604 32.249 27.2423 32.3807 27.0078 32.6153L22.3125 37.3122C20.6714 38.9532 19.7495 41.1789 19.7495 43.4997C19.7495 45.8204 20.6714 48.0461 22.3125 49.6872C23.9535 51.3282 26.1792 52.2501 28.5 52.2501C30.8207 52.2501 33.0464 51.3282 34.6875 49.6872L39.3843 44.9887C39.6187 44.7542 39.7502 44.4361 39.7501 44.1046C39.75 43.773 39.6181 43.4551 39.3835 43.2207C39.149 42.9864 38.831 42.8548 38.4994 42.855C38.1678 42.8551 37.8499 42.987 37.6156 43.2215Z"
                                       fill="#8B3DFF" />
                                 </svg>
                              </div>
                              <h3 class="fs-4">Link Building</h3>
                              <p class="mb-0">We build a robust backlink profile through ethical and effective
                                 link-building strategies.</p>
                              <div class="border-top mt-4">
                                 <a href="#"
                                    class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                    Link Building Services

                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-arrow-right" viewBox="0 0 16 16">
                                       <path fill-rule="evenodd"
                                          d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                                    </svg>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12" data-duration="300">
                        <div class="card shadow-sm card-lift h-100">
                           <div class="card-body">
                              <div class="mb-4">
                                 <svg width="48" height="48" viewBox="0 0 56 56" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z"
                                       fill="#FFC107" fill-opacity="0.25" />
                                    <path opacity="0.2"
                                       d="M36 19.75C32.6848 19.75 29.5054 21.067 27.1612 23.4112C24.817 25.7554 23.5 28.9348 23.5 32.25C23.5 43.5 36 52.25 36 52.25C36 52.25 48.5 43.5 48.5 32.25C48.5 28.9348 47.183 25.7554 44.8388 23.4112C42.4946 21.067 39.3152 19.75 36 19.75ZM36 37.25C35.0111 37.25 34.0444 36.9568 33.2221 36.4073C32.3999 35.8579 31.759 35.077 31.3806 34.1634C31.0022 33.2498 30.9031 32.2445 31.0961 31.2745C31.289 30.3046 31.7652 29.4137 32.4645 28.7145C33.1637 28.0152 34.0546 27.539 35.0245 27.3461C35.9945 27.1531 36.9998 27.2522 37.9134 27.6306C38.827 28.009 39.6079 28.6499 40.1573 29.4721C40.7068 30.2944 41 31.2611 41 32.25C41 33.5761 40.4732 34.8479 39.5355 35.7855C38.5979 36.7232 37.3261 37.25 36 37.25Z"
                                       fill="#8B3DFF" />
                                    <path
                                       d="M36 26C34.7639 26 33.5555 26.3666 32.5277 27.0533C31.4999 27.7401 30.6988 28.7162 30.2258 29.8582C29.7527 31.0003 29.6289 32.2569 29.8701 33.4693C30.1112 34.6817 30.7065 35.7953 31.5806 36.6694C32.4547 37.5435 33.5683 38.1388 34.7807 38.3799C35.9931 38.6211 37.2497 38.4973 38.3918 38.0242C39.5338 37.5512 40.5099 36.7501 41.1967 35.7223C41.8834 34.6945 42.25 33.4861 42.25 32.25C42.25 30.5924 41.5915 29.0027 40.4194 27.8306C39.2473 26.6585 37.6576 26 36 26ZM36 36C35.2583 36 34.5333 35.7801 33.9166 35.368C33.2999 34.956 32.8193 34.3703 32.5355 33.6851C32.2516 32.9998 32.1774 32.2458 32.3221 31.5184C32.4667 30.791 32.8239 30.1228 33.3483 29.5983C33.8728 29.0739 34.541 28.7167 35.2684 28.5721C35.9958 28.4274 36.7498 28.5016 37.4351 28.7855C38.1203 29.0693 38.706 29.5499 39.118 30.1666C39.5301 30.7833 39.75 31.5083 39.75 32.25C39.75 33.2446 39.3549 34.1984 38.6517 34.9017C37.9484 35.6049 36.9946 36 36 36ZM36 18.5C32.3545 18.5041 28.8596 19.9541 26.2818 22.5318C23.7041 25.1096 22.2541 28.6045 22.25 32.25C22.25 37.1562 24.5172 42.3563 28.8125 47.2891C30.7425 49.5181 32.9148 51.5252 35.2891 53.2734C35.4992 53.4207 35.7496 53.4996 36.0062 53.4996C36.2629 53.4996 36.5133 53.4207 36.7234 53.2734C39.0934 51.5245 41.2614 49.5174 43.1875 47.2891C47.4766 42.3563 49.75 37.1562 49.75 32.25C49.7459 28.6045 48.2959 25.1096 45.7182 22.5318C43.1404 19.9541 39.6455 18.5041 36 18.5ZM36 50.6875C33.4172 48.6562 24.75 41.1953 24.75 32.25C24.75 29.2663 25.9353 26.4048 28.045 24.295C30.1548 22.1853 33.0163 21 36 21C38.9837 21 41.8452 22.1853 43.955 24.295C46.0647 26.4048 47.25 29.2663 47.25 32.25C47.25 41.1922 38.5828 48.6562 36 50.6875Z"
                                       fill="#8B3DFF" />
                                 </svg>
                              </div>
                              <h3 class="fs-4">Local SEO</h3>
                              <p class="mb-0">Our local SEO services focus on optimizing your online presence to attract
                                 more business.</p>
                              <div class="border-top mt-4">
                                 <a href="#"
                                    class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                    Local SEO Services

                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-arrow-right" viewBox="0 0 16 16">
                                       <path fill-rule="evenodd"
                                          d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                                    </svg>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12" data-duration="200">
                        <div class="card shadow-sm card-lift h-100">
                           <div class="card-body">
                              <div class="mb-4">
                                 <svg width="48" height="48" viewBox="0 0 56 56" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z"
                                       fill="#FFC107" fill-opacity="0.25" />
                                    <path opacity="0.2"
                                       d="M49.75 26L47.85 36.4469C47.7453 37.0229 47.4418 37.544 46.9924 37.9192C46.543 38.2944 45.9761 38.4999 45.3906 38.5H25.7734L23.5 26H49.75Z"
                                       fill="#8B3DFF" />
                                    <path
                                       d="M50.7094 25.1984C50.592 25.058 50.4453 24.9451 50.2795 24.8676C50.1137 24.7901 49.933 24.75 49.75 24.75H24.5437L23.7797 20.5531C23.675 19.9771 23.3715 19.456 22.9221 19.0808C22.4726 18.7056 21.9058 18.5001 21.3203 18.5H18.5C18.1685 18.5 17.8505 18.6317 17.6161 18.8661C17.3817 19.1005 17.25 19.4185 17.25 19.75C17.25 20.0815 17.3817 20.3995 17.6161 20.6339C17.8505 20.8683 18.1685 21 18.5 21H21.3125L25.3062 42.9203C25.4239 43.5704 25.7112 44.1779 26.1391 44.6812C25.5485 45.2328 25.1223 45.9372 24.9076 46.7163C24.6929 47.4953 24.6982 48.3186 24.9229 49.0948C25.1475 49.871 25.5828 50.5699 26.1804 51.1139C26.7779 51.6578 27.5145 52.0256 28.3084 52.1766C29.1022 52.3275 29.9224 52.2555 30.6779 51.9688C31.4334 51.682 32.0947 51.1916 32.5885 50.552C33.0823 49.9123 33.3893 49.1484 33.4755 48.3449C33.5616 47.5414 33.4235 46.7298 33.0766 46H40.1734C39.8938 46.5854 39.7491 47.2262 39.75 47.875C39.75 48.7403 40.0066 49.5862 40.4873 50.3056C40.9681 51.0251 41.6513 51.5858 42.4508 51.917C43.2502 52.2481 44.1298 52.3347 44.9785 52.1659C45.8272 51.9971 46.6067 51.5804 47.2186 50.9686C47.8304 50.3567 48.2471 49.5772 48.4159 48.7285C48.5847 47.8799 48.4981 47.0002 48.167 46.2008C47.8358 45.4013 47.2751 44.7181 46.5556 44.2373C45.8362 43.7566 44.9903 43.5 44.125 43.5H28.9953C28.7026 43.5 28.4191 43.3972 28.1944 43.2096C27.9697 43.022 27.818 42.7615 27.7656 42.4734L27.2703 39.75H45.3953C46.2735 39.7499 47.1238 39.4415 47.798 38.8787C48.4721 38.3159 48.9274 37.5344 49.0844 36.6703L50.9844 26.2234C51.0165 26.0429 51.0086 25.8574 50.961 25.6803C50.9135 25.5032 50.8276 25.3387 50.7094 25.1984ZM31 47.875C31 48.2458 30.89 48.6084 30.684 48.9167C30.478 49.225 30.1851 49.4654 29.8425 49.6073C29.4999 49.7492 29.1229 49.7863 28.7592 49.714C28.3955 49.6416 28.0614 49.463 27.7992 49.2008C27.537 48.9386 27.3584 48.6045 27.286 48.2408C27.2137 47.8771 27.2508 47.5001 27.3927 47.1575C27.5346 46.8149 27.775 46.522 28.0833 46.316C28.3916 46.11 28.7542 46 29.125 46C29.6223 46 30.0992 46.1975 30.4508 46.5492C30.8025 46.9008 31 47.3777 31 47.875ZM46 47.875C46 48.2458 45.89 48.6084 45.684 48.9167C45.478 49.225 45.1851 49.4654 44.8425 49.6073C44.4999 49.7492 44.1229 49.7863 43.7592 49.714C43.3955 49.6416 43.0614 49.463 42.7992 49.2008C42.5369 48.9386 42.3584 48.6045 42.286 48.2408C42.2137 47.8771 42.2508 47.5001 42.3927 47.1575C42.5346 46.8149 42.775 46.522 43.0833 46.316C43.3916 46.11 43.7542 46 44.125 46C44.6223 46 45.0992 46.1975 45.4508 46.5492C45.8025 46.9008 46 47.3777 46 47.875ZM46.625 36.2234C46.5725 36.5122 46.4201 36.7734 46.1944 36.9611C45.9687 37.1488 45.6842 37.2511 45.3906 37.25H26.8156L24.9984 27.25H48.2516L46.625 36.2234Z"
                                       fill="#8B3DFF" />
                                 </svg>
                              </div>
                              <h3 class="fs-4">E-commerce SEO</h3>
                              <p class="mb-0">Our on-page SEO services optimize your website's content and HTML source
                                 code.</p>
                              <div class="border-top mt-4">
                                 <a href="#"
                                    class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                    E-commerce SEO

                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-arrow-right" viewBox="0 0 16 16">
                                       <path fill-rule="evenodd"
                                          d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                                    </svg>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-lg-4 col-md-6 col-12" data-duration="100">
                        <div class="card shadow-sm card-lift h-100">
                           <div class="card-body">
                              <div class="mb-4">
                                 <svg width="48" height="48" viewBox="0 0 56 56" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                       d="M0 16C0 7.16344 7.16344 0 16 0H32C40.8366 0 48 7.16344 48 16V32C48 40.8366 40.8366 48 32 48H16C7.16344 48 0 40.8366 0 32V16Z"
                                       fill="#FFC107" fill-opacity="0.25" />
                                    <path opacity="0.2"
                                       d="M50 18.5V47H14V17H48.5C48.8978 17 49.2794 17.158 49.5607 17.4393C49.842 17.7206 50 18.1022 50 18.5Z"
                                       fill="#8B3DFF" />
                                    <path
                                       d="M51.5 47C51.5 47.3978 51.342 47.7794 51.0607 48.0607C50.7794 48.342 50.3978 48.5 50 48.5H14C13.6022 48.5 13.2206 48.342 12.9393 48.0607C12.658 47.7794 12.5 47.3978 12.5 47V17C12.5 16.6022 12.658 16.2206 12.9393 15.9393C13.2206 15.658 13.6022 15.5 14 15.5C14.3978 15.5 14.7794 15.658 15.0607 15.9393C15.342 16.2206 15.5 16.6022 15.5 17V37.3794L24.9387 27.9387C25.0781 27.7993 25.2435 27.6886 25.4256 27.6132C25.6077 27.5377 25.8029 27.4988 26 27.4988C26.1971 27.4988 26.3923 27.5377 26.5744 27.6132C26.7565 27.6886 26.9219 27.7993 27.0613 27.9387L32 32.8794L41.8794 23H38C37.6022 23 37.2206 22.842 36.9393 22.5607C36.658 22.2794 36.5 21.8978 36.5 21.5C36.5 21.1022 36.658 20.7206 36.9393 20.4393C37.2206 20.158 37.6022 20 38 20H45.5C45.8978 20 46.2794 20.158 46.5607 20.4393C46.842 20.7206 47 21.1022 47 21.5V29C47 29.3978 46.842 29.7794 46.5607 30.0607C46.2794 30.342 45.8978 30.5 45.5 30.5C45.1022 30.5 44.7206 30.342 44.4393 30.0607C44.158 29.7794 44 29.3978 44 29V25.1206L33.0613 36.0613C32.9219 36.2007 32.7565 36.3114 32.5744 36.3868C32.3923 36.4623 32.1971 36.5012 32 36.5012C31.8029 36.5012 31.6077 36.4623 31.4256 36.3868C31.2435 36.3114 31.0781 36.2007 30.9387 36.0613L26 31.1206L15.5 41.6206V45.5H50C50.3978 45.5 50.7794 45.658 51.0607 45.9393C51.342 46.2206 51.5 46.6022 51.5 47Z"
                                       fill="#8B3DFF" />
                                 </svg>
                              </div>
                              <h3 class="fs-4 text-truncate">SEO Analytics & Reporting</h3>
                              <p class="mb-0">We build a robust backlink profile through ethical & effective link-build
                                 strategies.</p>
                              <div class="border-top mt-4">
                                 <a href="#"
                                    class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                    SEO Analytics Service

                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-arrow-right" viewBox="0 0 16 16">
                                       <path fill-rule="evenodd"
                                          d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
                                    </svg>
                                 </a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- service section -->
      <!-- about section -->
      <section class="py-xl-8 py-lg-7 py-5" data-cue="fadeIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row align-items-center gy-6">
               <div class="col-xl-6 col-lg-7" data-cue="slideInLeft">
                  <div class="pe-lg-8 me-lg-8 mb-4">
                     <h2 class="mb-0 me-lg-8">
                        Discover why
                        <span class="text-primary fw-semibold">[Agency Name]</span>
                        is the best choice for SEO.
                     </h2>
                  </div>
                  <div class="row mb-7 gy-3" data-cue="zoomIn">
                     <div class="col-lg-6">
                        <div>
                           <h3 class="fs-4">Expertise</h3>
                           <p class="mb-0">Our team of SEO specialists has years of experience and a deep understanding
                              of search engine algorithms and trends.</p>
                        </div>
                     </div>
                     <div class="col-lg-6">
                        <div>
                           <h3 class="fs-4">Proven Results</h3>
                           <p class="mb-0">Our data-driven approach ensures measurable results and continuous
                              improvement.</p>
                        </div>
                     </div>
                  </div>
                  <div class="row" data-cue="zoomIn">
                     <div class="col-4 border-end">
                        <div class="ps-md-4">
                           <h3 class="fs-5">Digital Experts</h3>
                           <span class="fs-2 fw-bold text-primary">50+</span>
                        </div>
                     </div>

                     <div class="col-4 border-end">
                        <div class="ps-md-4">
                           <h3 class="fs-5">Reviews</h3>
                           <span class="fs-2 fw-bold text-primary">100+</span>
                        </div>
                     </div>

                     <div class="col-4">
                        <div class="ps-md-4">
                           <h3 class="fs-5">Track record</h3>
                           <span class="fs-2 fw-bold text-primary">10-Year</span>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-6 col-lg-5" data-cue="slideInRight">
                  <div>
                     <img src="https://block.codescandy.com/assets/images/seo/about.jpg" alt=""
                        class="img-fluid rounded-3" />
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- about section -->
      <!-- awards section -->
      <section class="py-xl-8 py-lg-7 py-5" data-cue="fadeIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row mb-6">
               <div class="col-xl-5">
                  <div>
                     <h2 class="mb-0">Our Awards Reflect Our Commitment to Excellence</h2>
                  </div>
               </div>
               <div class="offset-xl-1 col-xl-6">
                  <div>
                     <p class="mb-0">
                        At
                        <span class="text-primary fw-semibold">[Agency Name]</span>
                        , we specialize in delivering comprehensive SEO solutions designed to enhance your online
                        presence, drive targeted traffic, and boost your business growth.
                     </p>
                  </div>
               </div>
            </div>
            <div class="swiper-container swiper" id="swiper-1" data-pagination-type="" data-speed="400"
               data-space-between="100" data-pagination="true" data-navigation="false" data-autoplay=""
               data-autoplay-delay="3000" data-center-slides="false"
               data-breakpoints='{"390": {"slidesPerView": 3},"480": {"slidesPerView": 3}, "768": {"slidesPerView": 4}, "1200": {"slidesPerView": 5}}'>
               <div class="swiper-wrapper pb-xl-0 pb-6">
                  <div class="swiper-slide" data-cue="zoomIn">
                     <img src="https://block.codescandy.com/assets/images/seo/semrush-logo.png" alt="" />
                  </div>
                  <div class="swiper-slide" data-cue="zoomIn">
                     <img src="https://block.codescandy.com/assets/images/seo/google-partner-logo.png" alt="" />
                  </div>
                  <div class="swiper-slide" data-cue="zoomIn">
                     <img src="https://block.codescandy.com/assets/images/seo/great-agencies-logo.png" alt="" />
                  </div>
                  <div class="swiper-slide" data-cue="zoomIn">
                     <img src="https://block.codescandy.com/assets/images/seo/clutch-logo.png" alt="" />
                  </div>
                  <div class="swiper-slide" data-cue="zoomIn">
                     <img src="https://block.codescandy.com/assets/images/seo/microsoft-logo.png" alt="" />
                  </div>
               </div>
               <!-- Add Pagination -->
               <div class="swiper-pagination"></div>
            </div>
         </div>
      </section>
      <!-- awards section -->
      <!-- CTA section -->
      <div class="container py-xl-8 py-lg-7 py-5" data-bs-theme="dark" data-cue="zoomIn">
         <div class="row px-lg-6 py-lg-6 p-4 align-items-center bg-primary rounded-3 g-lg-0">
            <div class="col-xl-5 col-md-7">
               <h2 class="text-white-stick">Schedule a Free SEO Consultation</h2>
               <p class="text-white-stick">Unlock your website’s potential with a free SEO consultation from [Agency
                  Name].</p>
            </div>
            <div class="offset-xl-2 col-xl-5 col-md-5">
               <div class="text-lg-center">
                  <p class="text-white-stick">Our experts will provide personalized strategies to boost your search
                     rankings and drive traffic. Schedule now!"</p>
                  <a href="#" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#bookConsultantModal">Book
                     my free consultation</a>
               </div>
            </div>
         </div>
      </div>
      <!-- CTA section -->
      <!-- features section -->
      <section class="pt-xl-6 pb-xl-10 py-lg-7 py-5" data-cue="fadeIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row mb-6" data-cue="zoomIn">
               <div class="col-lg-5">
                  <div>
                     <h2 class="mb-0">Dominating the SEO key sectors</h2>
                  </div>
               </div>
               <div class="offset-xl-1 col-xl-6">
                  <div>
                     <p class="mb-0">
                        Dominating the SEO key sectors Our deep understanding of this sector allows us to create highly
                        effective strategies that drive significant results, helping businesses in
                        achieve unparalleled online visibility and growth.
                     </p>
                  </div>
               </div>
            </div>
            <div class="row g-4">
               <div class="col-lg-3 col-md-6" data-cue="zoomIn" data-duration="600">
                  <div class="card bg-primary bg-opacity-10 p-4 border-0 h-100 card-lift">
                     <div class="mb-4">
                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path opacity="0.2"
                              d="M20 20.1705V36.2502C19.7901 36.2493 19.5837 36.1956 19.4 36.0939L5.65 28.5658C5.45366 28.4584 5.28977 28.3002 5.17543 28.1078C5.06109 27.9154 5.00051 27.6959 5 27.4721V12.5283C5.0005 12.3533 5.03776 12.1803 5.10938 12.0205L20 20.1705Z"
                              fill="#8B3DFF" />
                           <path
                              d="M34.95 10.3358L21.2 2.81241C20.8326 2.60941 20.4197 2.50293 20 2.50293C19.5803 2.50293 19.1674 2.60941 18.8 2.81241L5.05 10.339C4.65733 10.5538 4.32954 10.8702 4.10086 11.2549C3.87219 11.6397 3.75102 12.0789 3.75 12.5265V27.4702C3.75102 27.9178 3.87219 28.357 4.10086 28.7417C4.32954 29.1265 4.65733 29.4429 5.05 29.6577L18.8 37.1843C19.1674 37.3873 19.5803 37.4938 20 37.4938C20.4197 37.4938 20.8326 37.3873 21.2 37.1843L34.95 29.6577C35.3427 29.4429 35.6705 29.1265 35.8991 28.7417C36.1278 28.357 36.249 27.9178 36.25 27.4702V12.528C36.2498 12.0796 36.129 11.6395 35.9003 11.2538C35.6716 10.8681 35.3434 10.5511 34.95 10.3358ZM20 4.99991L32.5531 11.8749L27.9016 14.4218L15.3469 7.54678L20 4.99991ZM20 18.7499L7.44687 11.8749L12.7437 8.97491L25.2969 15.8499L20 18.7499ZM6.25 14.0624L18.75 20.903V34.3077L6.25 27.4718V14.0624ZM33.75 27.4655L21.25 34.3077V20.9093L26.25 18.1733V23.7499C26.25 24.0814 26.3817 24.3994 26.6161 24.6338C26.8505 24.8682 27.1685 24.9999 27.5 24.9999C27.8315 24.9999 28.1495 24.8682 28.3839 24.6338C28.6183 24.3994 28.75 24.0814 28.75 23.7499V16.8046L33.75 14.0624V27.464V27.4655Z"
                              fill="#8B3DFF" />
                        </svg>
                     </div>
                     <div>
                        <h3>SaaS</h3>
                        <p class="mb-0 text-primary-emphasis">Boost your MRR and drive serious growth. With a
                           high-impact, tailor-made SEO strategy.</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6" data-cue="zoomIn" data-duration="800">
                  <div class="card bg-success bg-opacity-10 p-4 border-0 h-100 card-lift">
                     <div class="mb-4">
                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path opacity="0.2"
                              d="M20.0001 5.00002C20.0001 5.00002 13.7501 10 13.7501 21.25H5.00005C4.82613 21.2507 4.65398 21.2151 4.49461 21.1455C4.33524 21.0758 4.19216 20.9737 4.07451 20.8456C3.95686 20.7175 3.86724 20.5663 3.81137 20.4016C3.7555 20.2369 3.73461 20.0623 3.75005 19.8891C4.09944 15.8222 5.96355 12.0349 8.97313 9.27738C11.9827 6.51985 15.9182 4.99327 20.0001 5.00002ZM36.2501 19.8891C35.9007 15.8222 34.0366 12.0349 31.027 9.27738C28.0174 6.51985 24.0819 4.99327 20.0001 5.00002C20.0001 5.00002 26.2501 10 26.2501 21.25H35.0001C35.174 21.2507 35.3461 21.2151 35.5055 21.1455C35.6649 21.0758 35.8079 20.9737 35.9256 20.8456C36.0432 20.7175 36.1329 20.5663 36.1887 20.4016C36.2446 20.2369 36.2655 20.0623 36.2501 19.8891Z"
                              fill="#198754" />
                           <path
                              d="M37.4999 19.7864C37.2145 16.5144 36.0177 13.3879 34.0451 10.7617C32.0726 8.13554 29.4034 6.1149 26.3405 4.9291C23.2776 3.74331 19.9436 3.43985 16.7169 4.05317C13.4902 4.66649 10.5001 6.17203 8.08584 8.39891C4.86281 11.3599 2.87156 15.4249 2.50772 19.7864C2.47805 20.1316 2.52046 20.4792 2.63225 20.8071C2.74404 21.1351 2.92277 21.4362 3.1571 21.6914C3.39144 21.9466 3.67626 22.1503 3.99349 22.2895C4.31072 22.4288 4.65344 22.5007 4.9999 22.5005H18.7499V31.2505C18.7499 32.5766 19.2767 33.8483 20.2144 34.786C21.1521 35.7237 22.4238 36.2505 23.7499 36.2505C25.076 36.2505 26.3478 35.7237 27.2854 34.786C28.2231 33.8483 28.7499 32.5766 28.7499 31.2505C28.7499 30.919 28.6182 30.601 28.3838 30.3666C28.1494 30.1322 27.8314 30.0005 27.4999 30.0005C27.1684 30.0005 26.8504 30.1322 26.616 30.3666C26.3816 30.601 26.2499 30.919 26.2499 31.2505C26.2499 31.9135 25.9865 32.5494 25.5177 33.0182C25.0488 33.4871 24.4129 33.7505 23.7499 33.7505C23.0869 33.7505 22.451 33.4871 21.9821 33.0182C21.5133 32.5494 21.2499 31.9135 21.2499 31.2505V22.5005H34.9999C35.347 22.5017 35.6906 22.4307 36.0088 22.2919C36.3269 22.1531 36.6127 21.9496 36.8479 21.6943C37.0831 21.4389 37.2625 21.1374 37.3747 20.809C37.487 20.4805 37.5296 20.1323 37.4999 19.7864ZM4.9999 20.0005C5.27694 16.7804 6.585 13.7356 8.72986 11.318C10.8747 8.90034 13.7421 7.23885 16.9062 6.58016C15.0749 9.06297 12.789 13.4552 12.5265 20.0005H4.9999ZM15.0233 20.0005C15.2405 15.1927 16.6687 11.7489 17.8827 9.65047C18.4813 8.60805 19.1912 7.63361 19.9999 6.74422C20.8071 7.63374 21.5154 8.60819 22.1124 9.65047C24.1874 13.2348 24.8437 17.0755 24.9718 20.0005H15.0233ZM27.4687 20.0005C27.2062 13.4552 24.9202 9.06297 23.0937 6.57235C26.2598 7.22957 29.1291 8.89166 31.2745 11.3112C33.4198 13.7308 34.7264 16.7784 34.9999 20.0005H27.4687Z"
                              fill="#198754" />
                        </svg>
                     </div>
                     <div>
                        <h3>Insurance</h3>
                        <p class="mb-0 text-success-emphasis">Increase your visibility – and your traffic – with a
                           customized SEO strategy for your insurance business.</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6" data-cue="zoomIn" data-duration="1000">
                  <div class="card bg-info bg-opacity-10 p-4 border-0 h-100 card-lift">
                     <div class="mb-4">
                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path opacity="0.2" d="M36.25 15H3.75L20 5L36.25 15Z" fill="#0677AC" />
                           <path
                              d="M3.75 16.2502H7.5V26.2502H5C4.66848 26.2502 4.35054 26.3819 4.11612 26.6163C3.8817 26.8507 3.75 27.1687 3.75 27.5002C3.75 27.8317 3.8817 28.1497 4.11612 28.3841C4.35054 28.6185 4.66848 28.7502 5 28.7502H35C35.3315 28.7502 35.6495 28.6185 35.8839 28.3841C36.1183 28.1497 36.25 27.8317 36.25 27.5002C36.25 27.1687 36.1183 26.8507 35.8839 26.6163C35.6495 26.3819 35.3315 26.2502 35 26.2502H32.5V16.2502H36.25C36.522 16.2499 36.7864 16.161 37.0033 15.9968C37.2201 15.8326 37.3775 15.6022 37.4515 15.3405C37.5256 15.0788 37.5122 14.8001 37.4135 14.5466C37.3149 14.2932 37.1362 14.0789 36.9047 13.9361L20.6547 3.93614C20.4578 3.81507 20.2312 3.75098 20 3.75098C19.7688 3.75098 19.5422 3.81507 19.3453 3.93614L3.09531 13.9361C2.86379 14.0789 2.68514 14.2932 2.58645 14.5466C2.48777 14.8001 2.47443 15.0788 2.54847 15.3405C2.62251 15.6022 2.77989 15.8326 2.99672 15.9968C3.21356 16.161 3.47802 16.2499 3.75 16.2502ZM10 16.2502H15V26.2502H10V16.2502ZM22.5 16.2502V26.2502H17.5V16.2502H22.5ZM30 26.2502H25V16.2502H30V26.2502ZM20 6.46739L31.8344 13.7502H8.16562L20 6.46739ZM38.75 32.5002C38.75 32.8317 38.6183 33.1497 38.3839 33.3841C38.1495 33.6185 37.8315 33.7502 37.5 33.7502H2.5C2.16848 33.7502 1.85054 33.6185 1.61612 33.3841C1.3817 33.1497 1.25 32.8317 1.25 32.5002C1.25 32.1687 1.3817 31.8507 1.61612 31.6163C1.85054 31.3819 2.16848 31.2502 2.5 31.2502H37.5C37.8315 31.2502 38.1495 31.3819 38.3839 31.6163C38.6183 31.8507 38.75 32.1687 38.75 32.5002Z"
                              fill="#0677AC" />
                        </svg>
                     </div>
                     <div>
                        <h3>Finance</h3>
                        <p class="mb-0 text-info-emphasis">The finance industry is highly competitive, & standing out
                           online requires a strategic approach.</p>
                     </div>
                  </div>
               </div>
               <div class="col-lg-3 col-md-6" data-cue="zoomIn" data-duration="1200">
                  <div class="card bg-danger bg-opacity-10 p-4 border-0 h-100 card-lift">
                     <div class="mb-4">
                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path opacity="0.2"
                              d="M38.611 12.3078L35.6001 18.0594C35.486 18.2701 35.3165 18.4458 35.1101 18.5674C34.9036 18.6891 34.6679 18.7522 34.4282 18.75H30.0001V6.25L38.0907 10.6641C38.3775 10.8133 38.5933 11.0702 38.6908 11.3783C38.7884 11.6865 38.7597 12.0208 38.611 12.3078ZM1.38915 12.3078L4.40009 18.0594C4.51423 18.2701 4.68364 18.4458 4.89012 18.5674C5.09659 18.6891 5.33232 18.7522 5.57197 18.75H10.0001V6.25L1.90947 10.6641C1.62272 10.8133 1.40689 11.0702 1.30934 11.3783C1.21179 11.6865 1.24049 12.0208 1.38915 12.3078Z"
                              fill="#9E1A3F" />
                           <path
                              d="M38.686 9.56563L30.5985 5.15625C30.4153 5.05486 30.2095 5.00113 30.0001 5H25.0001C24.6685 5 24.3506 5.1317 24.1162 5.36612C23.8818 5.60054 23.7501 5.91848 23.7501 6.25C23.7501 7.24456 23.355 8.19839 22.6517 8.90165C21.9484 9.60491 20.9946 10 20.0001 10C19.0055 10 18.0517 9.60491 17.3484 8.90165C16.6451 8.19839 16.2501 7.24456 16.2501 6.25C16.2501 5.91848 16.1184 5.60054 15.8839 5.36612C15.6495 5.1317 15.3316 5 15.0001 5H10.0001C9.79011 5.00087 9.58376 5.05461 9.40006 5.15625L1.31412 9.56563C0.737718 9.87024 0.305631 10.391 0.112607 11.0137C-0.0804171 11.6364 -0.0186248 12.3103 0.284435 12.8875L3.29537 18.6391C3.5143 19.0526 3.84246 19.3981 4.24414 19.6381C4.64581 19.878 5.10562 20.0032 5.5735 20H8.75006V32.5C8.75006 33.163 9.01345 33.7989 9.48229 34.2678C9.95113 34.7366 10.587 35 11.2501 35H28.7501C29.4131 35 30.049 34.7366 30.5178 34.2678C30.9867 33.7989 31.2501 33.163 31.2501 32.5V20H34.4282C34.8961 20.0032 35.3559 19.878 35.7575 19.6381C36.1592 19.3981 36.4874 19.0526 36.7063 18.6391L39.7172 12.8875C40.0202 12.3101 40.0817 11.6361 39.8884 11.0134C39.6951 10.3906 39.2627 9.86997 38.686 9.56563ZM5.5735 17.5C5.5504 17.5011 5.52768 17.4939 5.50943 17.4797L2.51412 11.7594L8.75006 8.35625V17.5H5.5735ZM28.7501 32.5H11.2501V7.5H13.8751C14.1635 8.91118 14.9304 10.1794 16.0462 11.0903C17.162 12.0011 18.5581 12.4986 19.9985 12.4986C21.4388 12.4986 22.835 12.0011 23.9508 11.0903C25.0666 10.1794 25.8335 8.91118 26.1219 7.5H28.7501V32.5ZM34.4922 17.4781C34.4836 17.4859 34.4735 17.4919 34.4625 17.4956C34.4514 17.4994 34.4398 17.5009 34.4282 17.5H31.2501V8.35625L37.4876 11.7594L34.4922 17.4781Z"
                              fill="#9E1A3F" />
                        </svg>
                     </div>
                     <div>
                        <h3>E-Commerce</h3>
                        <p class="mb-0 text-danger-emphasis">Boost your online store's visibility and sales with our
                           expert E-Commerce SEO</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- features section -->
      <!-- testimonails section -->
      <section class="py-xl-8 py-lg-7 py-5 bg-light bg-opacity-50" data-cue="fadeIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row mb-6" data-cue="zoomIn">
               <div class="col-12">
                  <div class="text-center">
                     <span class="text-success">99% Result driven Feedback</span>
                     <h2 class="mb-0">There’s a reason why our clients work with us</h2>
                  </div>
               </div>
            </div>

            <div class="row">
               <div class="col-12 offset-xl-1 col-xl-10">
                  <div class="swiper-container swiper" id="swiper-2" data-pagination-type="" data-speed="400"
                     data-space-between="100" data-pagination="true" data-navigation="false" data-autoplay="true"
                     data-autoplay-delay="5000" data-center-slides="false" data-effect="fade"
                     data-breakpoints='{"480": {"slidesPerView": 1}, "768": {"slidesPerView": 1}, "1024": {"slidesPerView": 1}, "1200": {"slidesPerView": 1}}'>
                     <div class="swiper-wrapper pb-lg-8 pb-6 pt-1">
                        <div class="swiper-slide">
                           <div class="row align-items-center gy-4">
                              <div class="col-lg-6">
                                 <div class="">
                                    <img src="https://block.codescandy.com/assets/images/seo/case-study-img-1.jpg"
                                       alt="" class="img-fluid rounded-3 w-100" />
                                 </div>
                              </div>
                              <div class="col-lg-7 col-12 ms-lg-n10">
                                 <div class="card">
                                    <div class="card-body d-flex flex-column gap-4 p-6">
                                       <div class="d-flex flex-column gap-md-3">
                                          <div>
                                             <img
                                                src="https://block.codescandy.com/assets/images/landings/it-company/casestudy-logo-1.svg"
                                                alt="" />
                                          </div>
                                          <div>
                                             <h3 class="mb-3">SEO Case Study: Transforming Online Visibility for [Client
                                                Name]</h3>
                                             <div
                                                class="d-flex flex-column flex-md-row justify-content-between w-100 gap-3">
                                                <div>
                                                   <span class="text-primary">32,000+ Visitor</span>
                                                   <p class="mb-0 fs-6">Organic Traffic Increase</p>
                                                </div>
                                                <div>
                                                   <span class="text-primary">25%</span>
                                                   <p class="mb-0 fs-6">Conversion Rate</p>
                                                </div>
                                                <div>
                                                   <span class="text-primary">69%</span>
                                                   <p class="mb-0 fs-6">Return on Investment </p>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="mt-auto">
                                             <a href="#"
                                                class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                                See Airtable case study

                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                   fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                   <path fill-rule="evenodd"
                                                      d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                                   </path>
                                                </svg>
                                             </a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>

                        <div class="swiper-slide">
                           <div class="row align-items-center gy-4">
                              <div class="col-lg-6">
                                 <div class="">
                                    <img src="https://block.codescandy.com/assets/images/seo/case-study-img-2.jpg"
                                       alt="" class="img-fluid rounded-3 w-100" />
                                 </div>
                              </div>
                              <div class="col-lg-7 col-12 ms-lg-n10">
                                 <div class="card">
                                    <div class="card-body d-flex flex-column gap-4 p-6">
                                       <div>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/it-company/casestudy-logo-5.svg"
                                             alt="" />
                                       </div>
                                       <div>
                                          <h3 class="mb-3">Top 3 rankings for key local search terms</h3>
                                          <div
                                             class="d-flex flex-column flex-md-row justify-content-between w-100 gap-3">
                                             <div>
                                                <span class="text-primary">1,42,525+ Visitor</span>
                                                <p class="mb-0 fs-6">Organic Traffic Increase</p>
                                             </div>
                                             <div>
                                                <span class="text-primary">55%</span>
                                                <p class="mb-0 fs-6">Conversion Rate</p>
                                             </div>
                                             <div>
                                                <span class="text-primary">89%</span>
                                                <p class="mb-0 fs-6">Return on Investment </p>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="mt-auto">
                                          <a href="#"
                                             class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                             See Amazon case study

                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                                </path>
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="swiper-slide">
                           <div class="row align-items-center gy-4">
                              <div class="col-lg-6">
                                 <div class="">
                                    <img src="https://block.codescandy.com/assets/images/seo/case-study-img-3.jpg"
                                       alt="" class="img-fluid rounded-3 w-100" />
                                 </div>
                              </div>
                              <div class="col-lg-7 col-12 ms-lg-n10">
                                 <div class="card">
                                    <div class="card-body d-flex flex-column gap-4 p-6">
                                       <div>
                                          <img
                                             src="https://block.codescandy.com/assets/images/landings/it-company/casestudy-logo-4.svg"
                                             alt="" />
                                       </div>
                                       <div>
                                          <h3 class="mb-3">150% increase in organic traffic in 6 months</h3>
                                          <div
                                             class="d-flex flex-column flex-md-row justify-content-between w-100 gap-3">
                                             <div>
                                                <span class="text-primary">12,320+ Visitor</span>
                                                <p class="mb-0 fs-6">Organic Traffic Increase</p>
                                             </div>
                                             <div>
                                                <span class="text-primary">18%</span>
                                                <p class="mb-0 fs-6">Conversion Rate</p>
                                             </div>
                                             <div>
                                                <span class="text-primary">213%</span>
                                                <p class="mb-0 fs-6">Return on Investment </p>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="mt-auto">
                                          <a href="#"
                                             class="text-reset mt-3 d-inline-flex gap-2 align-items-center icon-link icon-link-hover">
                                             See Linkedin case study

                                             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd"
                                                   d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8">
                                                </path>
                                             </svg>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <!-- testimonails section -->
      <!-- pricing section -->
      <section class="py-xl-8 py-lg-7 py-5" data-cue="fadeIn">
         <!--Logo section start-->
         <div class="container">
            <div class="row mb-6">
               <div class="col-12 offset-xl-3 col-xl-6">
                  <div class="text-center" data-cue="fadeIn">
                     <h2>Take a look at how we’re different</h2>
                     <p class="mb-0">
                        Below is a comparison table that highlights the key points that set
                        <span class="text-primary fw-semibold">[Agency Name]</span>
                        apart from other SEO agencies:
                     </p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-12">
                  <div class="table-responsive-xl" data-cue="zoomIn">
                     <table class="table table-lg table-centered">
                        <tbody>
                           <tr>
                              <td></td>
                              <td class="bg-success bg-opacity-10 rounded-top-3 d-flex justify-content-center py-4">
                                 <div class="d-md-flex align-items-center gap-3">
                                    <img src="https://block.codescandy.com/assets/images/logo/logo.svg" alt=""
                                       class="lh-1 text-inverse" data-bs-theme="dark" />
                                    <p class="fs-5 text-dark fw-semibold mb-0 mt-1">SEO Agencies</p>
                                 </div>
                              </td>
                              <td class="text-center py-4" style="width: 380px">Other SEO Agencies</td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Customized Strategies</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Tailored SEO plans for each client</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Often use one-size-fits-all approaches</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Data-Driven Approach</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Decisions based on real insights and analytics</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Limited use of data and analytics</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Transparent Reporting</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Detailed, easy-to-understand reports</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Often provide vague or complex reports</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Industry Expertise</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Team with extensive experience in various
                                       industries</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Generalized knowledge without specific expertise</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Cutting-Edge Techniques</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Continuously updated with the latest SEO
                                       practices</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Use outdated methods and strategies</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Holistic SEO Services</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Comprehensive range including technical audits, content
                                       creation, and link building</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Creative and forward-thinking strategies</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="text-dark fw-bold py-4" style="width: 380px">Innovative Solutions</td>
                              <td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-check2 text-success" viewBox="0 0 16 16">
                                          <path
                                             d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Creative and forward-thinking strategies</span>
                                 </div>
                              </td>
                              <td class="py-4 px-md-6" style="width: 380px">
                                 <div class="d-flex gap-2">
                                    <span>
                                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                          fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
                                          <path
                                             d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
                                       </svg>
                                    </span>
                                    <span class="ms-1 text-dark">Stuck in traditional methods</span>
                                 </div>
                              </td>
                           </tr>
                           <tr>
                              <td class="py-4 border-bottom-0"></td>
                              <td class="border-bottom-0 text-center py-4 bg-success bg-opacity-10 rounded-bottom-3">
                                 <a href="#" class="btn btn-warning" data-bs-toggle="modal"
                                    data-bs-target="#bookConsultantModal">Book a consultation</a>
                              </td>
                              <td class="py-4 border-bottom-0"></td>
                           </tr>
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <!-- pricing section -->
      <section class="pt-lg-8 pb-lg-10 py-5 bg-primary bg-opacity-10 position-relative" data-cue="fadeIn">
         <div class="container pb-lg-10">
            <div class="row">
               <div class="col-12">
                  <div class="text-center mb-6" data-cue="fadeIn">
                     <h2 class="mb-0">Take the next step</h2>
                  </div>
               </div>
            </div>
            <div class="row gy-3">
               <div class="col-lg-4" data-cue="zoomIn">
                  <div class="card card-lift shadow-sm border-0">
                     <div class="card-body d-flex flex-column gap-5 p-5">
                        <div>
                           <h3>Want to increase website traffic?</h3>
                           <p>Our expert SEO and digital marketing strategies can help you attract more visitors and
                              boost your online presence.</p>
                        </div>
                        <div class="mt-auto">
                           <a href="#" class="d-flex flex-row gap-2">
                              <span class="btn btn-icon btn-primary btn-xs">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                       d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" />
                                 </svg>
                              </span>
                              <span class="link-primary">Book a free consultation!</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4" data-cue="zoomIn">
                  <div class="card card-lift shadow-sm border-0">
                     <div class="card-body d-flex flex-column gap-5 p-5">
                        <div>
                           <h3>Connect with an SEO expert today!</h3>
                           <p>Our team provides personalized strategies to boost your search rankings, drive traffic,
                              and grow your business.</p>
                        </div>
                        <div class="mt-auto">
                           <a href="#" class="d-flex flex-row gap-2">
                              <span class="btn btn-icon btn-primary btn-xs">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                       d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" />
                                 </svg>
                              </span>
                              <span class="link-primary">Get your free consultation now!</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4" data-cue="zoomIn">
                  <div class="card card-lift shadow-sm border-0">
                     <div class="card-body d-flex flex-column gap-5 p-5">
                        <div>
                           <h3>Optimize your website with a Site Audit</h3>
                           <p>Our experts identify and fix SEO issues to improve your search rankings and performance.
                           </p>
                        </div>
                        <div class="mt-auto">
                           <a href="#" class="d-flex flex-row gap-2">
                              <span class="btn btn-icon btn-primary btn-xs">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                       d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" />
                                 </svg>
                              </span>
                              <span class="link-primary">Get your detailed site audit report!</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- curv section -->

      <div class="position-relative d-none d-xl-block">
         <div class="position-absolute bottom-0 w-100 z-n1">
            <img src="https://block.codescandy.com/assets/images/seo/gradient.svg" alt="" class="w-100" />
         </div>
         <div class="d-flex position-absolute bottom-0 start-0 w-100 overflow-hidden mb-n1"
            style="color: var(--bs-body-bg)">
            <div class="position-relative start-50 translate-middle-x flex-shrink-0" style="width: 3774px">
               <svg width="3774" height="99" viewBox="0 0 3774 99" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                     d="M0 200.003C0 200.003 1137.52 0.188224 1873.5 0.000134392C2614.84 -0.189325 3774 200.003 3774 200.003H0Z"
                     fill="currentColor"></path>
               </svg>
            </div>
         </div>
      </div>
      <!-- curv section -->
   </main>

   <!-- Modal -->
   <div class="modal fade" id="bookConsultantModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
      aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
            <div class="container p-0">
               <div class="row g-0">
                  <div class="col-lg-6 d-none d-lg-block">
                     <div class="bg-light border-end p-6 rounded-start-3 d-flex flex-column gap-6 object-fit-cover"
                        style="min-height: 100%">
                        <div>
                           <ul class="list-unstyled d-flex flex-column gap-2">
                              <li class="d-flex flex-row gap-2">
                                 <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-check-circle text-success" viewBox="0 0 16 16">
                                       <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                       <path
                                          d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                    </svg>
                                 </span>
                                 <span>Rankings Improvement</span>
                              </li>
                              <li class="d-flex flex-row gap-2">
                                 <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-check-circle text-success" viewBox="0 0 16 16">
                                       <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                       <path
                                          d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                    </svg>
                                 </span>
                                 <span>Boost organic traffic</span>
                              </li>
                              <li class="d-flex flex-row gap-2">
                                 <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                       class="bi bi-check-circle text-success" viewBox="0 0 16 16">
                                       <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                       <path
                                          d="m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05" />
                                    </svg>
                                 </span>
                                 <span>Conversion Rate Enhancement</span>
                              </li>
                           </ul>
                        </div>
                        <div class="my-auto">
                           <p>
                              “Working with [Agency Name] has been an absolute game-changer for our online presence.
                              Their team took the time to understand our unique needs and crafted a tailored
                              SEO strategy that has delivered incredible results.”
                           </p>
                           <div>
                              <span class="text-dark fw-semibold">John D.</span>
                              <p class="mb-0 fs-6">CEO of [Client Company]</p>
                              <div>
                                 <img src="https://block.codescandy.com/assets/images/brand-logo/brand-logo-13.svg"
                                    alt="" />
                              </div>
                           </div>
                        </div>
                        <div>
                           <span>Do you have a question?</span>
                           <h3 class="mt-2 mb-0">123-456-7890</h3>
                           <span>8 AM - 8 PM IST</span>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="pt-4 px-4">
                        <div class="text-end">
                           <button type="button" class="btn-close small" data-bs-dismiss="modal"
                              aria-label="Close"></button>
                        </div>
                     </div>
                     <div class="pb-4 px-6">
                        <h3 class="mb-4">Get Started Right Now!</h3>
                        <form class="needs-validation mb-3" novalidate="">
                           <div class="mb-3">
                              <label for="FullnameInput" class="form-label visually-hidden">Full Name</label>
                              <input type="text" class="form-control" id="FullnameInput" required=""
                                 placeholder="Name" />
                              <div class="invalid-feedback">Please enter full name</div>
                           </div>

                           <div class="mb-3">
                              <label for="EmailInput" class="form-label visually-hidden">Email</label>
                              <input type="email" class="form-control" id="EmailInput" required=""
                                 placeholder="Email" />
                              <div class="invalid-feedback">Please enter email.</div>
                           </div>
                           <div class="mb-3">
                              <label for="webURL" class="form-label visually-hidden">Website</label>
                              <input type="text" class="form-control" id="webURL" required=""
                                 placeholder="Website URL" />
                              <div class="invalid-feedback">Please enter URL.</div>
                           </div>
                           <div class="mb-3">
                              <label for="phone" class="form-label visually-hidden">Phone</label>
                              <input type="tel" name="phone" placeholder="" class="form-control w-100" required
                                 autocomplete="phone" id="phone" />

                              <div class="invalid-feedback">Please enter Phone.</div>
                           </div>

                           <div class="mb-3">
                              <label for="messages" class="form-label visually-hidden">Messages</label>
                              <textarea rows="3" class="form-control" id="messages" placeholder="Messages"></textarea>
                           </div>

                           <div class="">
                              <button class="btn btn-primary" type="submit">Get Your Free SEO Consultation</button>
                           </div>
                        </form>
                        <div class="">
                           <small>
                              By submitting this form, you are agree to the terms outlined in our 
                              <a href="#" class="link-primary">privacy policy</a>
                              .
                           </small>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <footer class="pt-7">
      <div class="container">
         <!-- Footer 4 column -->
         <div class="row mb-7 gy-4">
            <div class="col-xl-3 col-lg-4 col-12">
               <div class="mb-4">
                  <a href="#" class="text-inverse">
                     <img src="https://block.codescandy.com/assets/images/logo/logo.svg" alt="logo" />
                  </a>
                  <div class="mt-4">
                     <p>
                        123 SEO Street, Suite 456,
                        <br />
                        Optimization City, ST 78901
                     </p>
                     <span>(123) 456-7890</span>
                     <a href="#">contact@agencyname.com</a>
                  </div>
                  <div class="d-flex align-items-center mt-4">
                     <div class="me-3 d-flex gap-2">
                        <a href="#!" class="text-reset btn btn-instagram btn-icon btn-sm">
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                              class="bi bi-instagram" viewBox="0 0 16 16">
                              <path
                                 d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                           </svg>
                        </a>
                        <a href="#!" class="text-reset btn btn-facebook btn-icon btn-sm">
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                              class="bi bi-facebook" viewBox="0 0 16 16">
                              <path
                                 d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                           </svg>
                        </a>
                        <a href="#!" class="text-reset btn btn-twitter btn-icon btn-sm">
                           <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                              class="bi bi-twitter" viewBox="0 0 16 16">
                              <path
                                 d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                           </svg>
                        </a>
                     </div>
                     <div class="dropdown">
                        <button class="btn btn-light btn-icon btn-sm rounded-circle d-flex align-items-center"
                           type="button" aria-expanded="false" data-bs-toggle="dropdown"
                           aria-label="Toggle theme (auto)">
                           <i class="bi theme-icon-active"></i>
                           <span class="visually-hidden bs-theme-text">Toggle theme</span>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bs-theme-text">
                           <li>
                              <button type="button" class="dropdown-item d-flex align-items-center"
                                 data-bs-theme-value="light" aria-pressed="false">
                                 <i class="bi theme-icon bi-sun-fill"></i>
                                 <span class="ms-2">Light</span>
                              </button>
                           </li>
                           <li>
                              <button type="button" class="dropdown-item d-flex align-items-center"
                                 data-bs-theme-value="dark" aria-pressed="false">
                                 <i class="bi theme-icon bi-moon-stars-fill"></i>
                                 <span class="ms-2">Dark</span>
                              </button>
                           </li>
                           <li>
                              <button type="button" class="dropdown-item d-flex align-items-center active"
                                 data-bs-theme-value="auto" aria-pressed="true">
                                 <i class="bi theme-icon bi-circle-half"></i>
                                 <span class="ms-2">Auto</span>
                              </button>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-lg-2 col-12">
               <div class="position-relative">
                  <div class="mb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                     <h4 class="h5">Company</h4>
                     <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse"
                        href="#collapseCompany" role="button" aria-expanded="false" aria-controls="collapseCompany">
                        <i class="bi bi-chevron-down"></i>
                     </a>
                  </div>
                  <div class="collapse d-lg-block" id="collapseCompany" data-bs-parent="#ft-links">
                     <ul class="list-unstyled mb-0 py-3 py-lg-0">
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">About us</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Contact us</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Privacy policy</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Terms & Conditions</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Blog</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Sitemap</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-lg-2 col-12">
               <div class="position-relative">
                  <div class="mb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                     <h4 class="h5">Industry</h4>
                     <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse"
                        href="#collapseIndustry" role="button" aria-expanded="false" aria-controls="collapseIndustry">
                        <i class="bi bi-chevron-down"></i>
                     </a>
                  </div>
                  <div class="collapse d-lg-block" id="collapseIndustry" data-bs-parent="#ft-links">
                     <ul class="list-unstyled mb-0 py-3 py-lg-0">
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Saas</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Insurance</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Finance</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">E-Commerce</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-lg-2 col-12">
               <div class="position-relative">
                  <div class="mb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                     <h4 class="h5">Service</h4>
                     <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse"
                        href="#collapseService" role="button" aria-expanded="false" aria-controls="collapseService">
                        <i class="bi bi-chevron-down"></i>
                     </a>
                  </div>
                  <div class="collapse d-lg-block" id="collapseService" data-bs-parent="#ft-links">
                     <ul class="list-unstyled mb-0 py-3 py-lg-0">
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Keyword Research</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">SEO</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Email Marketing</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">PPC</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Paid Social Media</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Creative Content</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-lg-2 col-12">
               <div class="position-relative">
                  <div class="mb-2 d-flex justify-content-between border-bottom border-bottom-lg-0">
                     <h4 class="h5">Locations</h4>
                     <a class="d-block d-lg-none stretched-link text-inherit" data-bs-toggle="collapse"
                        href="#collapseLocations" role="button" aria-expanded="false" aria-controls="collapseLocations">
                        <i class="bi bi-chevron-down"></i>
                     </a>
                  </div>
                  <div class="collapse d-lg-block" id="collapseLocations" data-bs-parent="#ft-links">
                     <ul class="list-unstyled mb-0 py-3 py-lg-0">
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">New York SEO</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Miami SEO</a>
                        </li>
                        <li class="mb-2">
                           <a href="#!" class="text-decoration-none text-reset">Chicago SEO</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </footer>
   <div class="btn-scroll-top">
      <svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
         <path
            d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
      </svg>
   </div>
   <!-- Libs JS -->
   <script src="https://block.codescandy.com/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/simplebar/dist/simplebar.min.js"></script>
   <script src="https://block.codescandy.com/assets/libs/headhesive/dist/headhesive.min.js"></script>

   <!-- Theme JS -->
   <script src="https://block.codescandy.com/assets/js/theme.min.js"></script>

   <!-- Swiper JS -->
   <script src="https://block.codescandy.com/assets/libs/swiper/swiper-bundle.min.js"></script>
   <script src="https://block.codescandy.com/assets/js/vendors/swiper.js"></script>
   <script src="https://block.codescandy.com/assets/libs/scrollcue/scrollCue.min.js"></script>
   <script src="https://block.codescandy.com/assets/js/vendors/scrollcue.js"></script>
   <script src="https://block.codescandy.com/assets/libs/intl-tel-input/build/js/intlTelInput.min.js"></script>
   <script src="https://block.codescandy.com/assets/js/vendors/intl-tel.js"></script>
</body>

</html>